JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="output"></div>
<p>
hi there
</p>
</body>

JavaScript

//var output = document.getElementById( "output" );
//var div = document.createElement( "div" );
//var text = document.createTextNode( "some text" );

//text.id = "theId";
//div.appendChild( text )

//alert( "0. " + text.id );

//output.appendChild( div );

//output.textContent += " - this node has " + div.children.length + " children";

let text = document.evaluate('//body/p[0]/text()[1]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
output.textContent = text;