JSFiddle - React, Tailwind, and code Playground

by rough cheap

HTML

<div id="parentElement">
  <span id="childElement">foo bar</span>
</div>
<div id="status">

</div>

JavaScript

const newNode = document.createElement("span");
const parentDiv = document.getElementById("childElement").parentNode;

let sp2 = document.getElementById("childElement");
parentDiv.insertBefore(newNode, sp2);

newNode.appendChild(document.createTextNode("HI"));
newNode.id = "spanId";
console.log(newNode);