JSFiddle - React, Tailwind, and code Playground

HTML

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


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

CSS

#original{
  border:10px solid red;
}

#wrap{
  border:10px solid green;
}

JavaScript

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


button.onclick =
function(){

original.outerHTML =
'<div id="wrap">'+
original.outerHTML
+'</div>' ;

}