JSFiddle - React, Tailwind, and code Playground

by ExplosionPIlls

HTML

<div>text</div>

CSS

div, span{
    background-color: green;
    display: block;
    width: 50px;
    height: 50px;
}
span {
    background-color: red;
}

JavaScript

var node = document.querySelector('div'),
    newNode = document.createElement('span'),
    parent = node.parentNode,
    children = node.childNodes;

Array.prototype.forEach.call(children, function (elem) {
    newNode.appendChild(elem);
});
parent.replaceChild(newNode, node);