Javascript 如何在所需位置添加动态创建的节点（标记）？_Javascript_Html_Dom

Javascript 如何在所需位置添加动态创建的节点（标记）？

javascript html dom

Javascript 如何在所需位置添加动态创建的节点（标记）？,javascript,html,dom,Javascript,Html,Dom,假设我的页面上有两个div <body> <div id="d1"></div> <div id="d2"></div> </body> 我想使用JavaScript动态创建一个新的DIV，并将其放在d1和d2之间。如果我使用appendChild方法，则新的DIV将放在末尾现在，我只能考虑将主体的innerHTML剥离，并将新的DIV追加到所需的位置。有更好的办法吗？在另一个节点之前插入一个节点有以下几种方法：

假设我的页面上有两个div

<body>
<div id="d1"></div>
<div id="d2"></div>
</body>

我想使用JavaScript动态创建一个新的DIV，并将其放在d1和d2之间。如果我使用

appendChild

方法，则新的DIV将放在末尾

现在，我只能考虑将主体的

innerHTML

剥离，并将新的DIV追加到所需的位置。有更好的办法吗？

在另一个节点之前插入一个节点有以下几种方法：

var newNode = document.createElement("div"),
    d2 = document.getElementById("d2");
d2.parentNode.insertBefore(newNode, d2);

在另一个节点之前插入一个节点有以下几种方法：

var newNode = document.createElement("div"),
    d2 = document.getElementById("d2");
d2.parentNode.insertBefore(newNode, d2);

对于DOM操作，jQuery API提供了各种有用的方法。以下是其中的一些方法：-

insertBefore（）、insertAfter（）、append（）、appendTo（）、prepend（）、prependTo（）等。这些函数提供了对在网页中特定位置插入DOM元素的更多控制。

对于DOM操作，jQuery API提供了各种有用的方法。以下是其中的一些方法：-

insertBefore（）、insertAfter（）、append（）、appendTo（）、prepend（）、prependTo（）等。这些函数提供了对在网页中特定位置插入DOM元素的更多控制。

我应该在询问之前参考DOM。：）谢谢在询问之前，我应该先咨询DOM。：）谢谢