如何在纯javascript中移动<div id =“mbr_img”> <div id =“mbr_music”> </div> </div>

Question

<div>
<div id="mbr_music" class="mb"></div>
<div id="mbr_img"></div>
</div>

我这样做：

var oDivMusic = document.getElementById("mbr_music");
var oDivImg = document.getElementById("mbr_img");

oDivImg.parentNode.removeChild(oDivImg);
document.body.insertBefore(oDivImg, oDivMusic);

哪个不行，怎么做才能正确？

Answer 1

你做不到。纯JavaScript无法移动有关页面的元素，您必须与DOM API进行交互。

document.body.insertBefore(oDivImg, oDivMusic);无效，因为document.body不是oDivMusic的父元素。

var oDivMusic = document.getElementById("mbr_music");
var oDivImg = document.getElementById("mbr_img");
oDivMusic.parentNode.insertBefore(oDivImg, oDivMusic);