javascript - 如何在纯javascript中将 <div id ="mbr_img"> 移动到 <div id ="mbr_music"> 上方？

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);