JSFiddle - React, Tailwind, and code Playground

HTML

<span id="spn1" style="color: red">Hello 1</span>
<span id="spn2" style="color: blue">Hello 2</span>
<hr>
<span onclick="doIt()">Try</span>

JavaScript

function doIt() {
    var x = $('#spn2').html();
    $('#spn2').replaceWith($('#spn1').clone().html(x).attr('id', 'spn2'));
}