JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="bar"></div>
<div id="foo">
    <p>Some text that <em>starts</em> off in foo</p>
</div>

JavaScript

function moveTo(source,target){
    if (!source || !target) {
        return false;
    }
    else {
        var children = source.childNodes;
        while (children.length){
            target.appendChild(children[0]);
        }
        source.parentNode.removeChild(source);
    }
}

var bar = document.getElementById('bar'),
    foo = document.getElementById('foo');

moveTo(foo, bar);