JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="div1">1</div>
    <div id="div2">2</div>
    <div id="div3">3</div>
    <div id="div4">4</div>
</div>

JavaScript

var container = document.getElementById('container'), 
    divs = container.getElementsByTagName('div'),
    tmpdiv = document.createElement('div'),
    order = [2, 1, 3, 4];

for (var i = 0; i < order.length; i++) {
    tmpdiv.appendChild(document.getElementById('div' + [order[i]]));
}

container.parentNode.replaceChild(tmpdiv, container)