JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div id="wrapper"><span>Some</span> content</div>
    <div>More content</div>
</div>
<button id="unwrap">Unwrap</button>

CSS

#container {
    border: 1px solid black;
    padding: 5px;
}
#wrapper {
    border: 2px solid red;
    padding: 5px;
}

#wrapper_new {
    border: 2px solid green;
    padding: 5px;
}

JavaScript

function rewrap(element, new_element) {
    // append all the element's children to the new element
    while (element.firstChild) {
        new_element.appendChild(element.firstChild);
    }

    // replace old element with new
    element.parentNode.replaceChild(new_element, element);
}


document.getElementById('unwrap').onclick = function () {
    var element = document.getElementById('wrapper');
    if (element) {
        var new_element = document.createElement('div');
        new_element.id = 'wrapper_new';
        rewrap(element, new_element);
    }
};