JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element">This is my contents before</div>
<button id="b">Replace</button>

CSS

.styledDiv {
 background:#ff0000;
width:200px;
 height:200px;   
}

JavaScript

$("#b").click(function(){
  var frag = document.createDocumentFragment();
    var div = document.createElement("div");
    div.className = "styledDiv";
    frag.appendChild(div);
    
    var element = document.getElementById("element");
    
    var newElement = element.cloneNode();
    newElement.innerHTML = "";
    newElement.appendChild(frag);
    element.parentNode.replaceChild(newElement, element);
    alert(element.parentNode);
});