JSFiddle - React, Tailwind, and code Playground

by AliBassam

HTML

<div>
    <div id="source">
        <div class="children">A</div>
        <div class="children">B</div>
    </div>
    <div id="destination"></div>
    <input type="button" onclick="MoveDiv()" value="Click Me" />
</div>

CSS

#source {
    background-color: red;
}
#destination {
    padding: 10px;
    height: 30px;
    background-color: blue;
}

JavaScript

function MoveDiv() {
	var fragment = document.createDocumentFragment();
	fragment.appendChild(document.getElementById('source'));
	document.getElementById('destination').appendChild(fragment);
}