JSFiddle - React, Tailwind, and code Playground

HTML

<span>some span</span>

CSS

* {
    padding: 5px;
}
div {
    border: 2px solid red;
    
}
span {
    border: 2px solid lime;
}

JavaScript

var wrapper = document.createElement('div');
    var selected_span = document.getElementsByTagName('span')[0]; //get the first available span element
    span_clone = selected_span.cloneNode(true);
    selected_span.parentNode.insertBefore(wrapper, selected_span);
    selected_span.parentNode.removeChild(selected_span);
    wrapper.appendChild(span_clone);