JSFiddle - React, Tailwind, and code Playground

HTML

<p id="p1" class="ex">Hello</p>
<button id="switch">replace</button>

CSS

p   { background-color: red; }
div { background-color: yellow; }
.ex { color: purple; font-size: 20pt;}

JavaScript

$(function(){
    $('#switch').bind('click', function(){
        var doc = $('#p1').get(0);
        alert("OK1: "+doc.innerHTML+"... next...");
        document.renameNode(doc,null,'div');
        alert("OK2: your browser run it?");
    });
});