JSFiddle - React, Tailwind, and code Playground

HTML

<div id="original">
ORIGINAL
</div>


<button id="button">
BUTTON
</button>

CSS

#original{
  border:10px solid red;
}

.wrapper{
  border:10px solid green;
}

JavaScript

let original = document.getElementById('original');
let button = document.getElementById('button');


button.onclick =
function(){

let wrapper = document.createElement('div');
wrapper.classList.add('wrapper');
wrapper.append(original.cloneNode(true));

original.replaceWith(wrapper);

}