JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

JavaScript

$(function(){
    $('#switch').bind('click', function(){
     var $from = $('p');       
     var newname = 'div'; 
        $from.
            replaceWith(
                $('<'+newname+'/>').attr('class','ex').
                html($from.html())
            );

        });
});