如何在不使用jQuery的情况下使用JavaScript移动HTML标记？

Question

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

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


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

如何使用纯javascript（不使用JQuery）在id B和D之间移动<div id="C"></div>？

Answer 1

您可以使用insertBefore：

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

jsFiddle