How to move an HTML tag after an id with JavaScript without using jQuery?

Question

<div id="A"></div>
<div id="B"></div>

<div id="D"></div>
<div id="E"></div>


<div id="C"></div>`

How can I move <div id="C"></div> between id B and D with pure javascript (without JQuery)?

Answer 1

You can use insertBefore :

var C = document.getElementById("C");
var D = document.getElementById("D");
D.parentElement.insertBefore(C, D);

jsFiddle