如何在 Javascript 中将节点附加到 div 的开头？

Question

我目前正在将一个节点附加到 div 的末尾以动态添加到 div，但我希望将其附加到 div 的开头而不是末尾。

我当前的代码如下所示：

var para=document.createElement('div');

var node=document.createTextNode('this is new');
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);


<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

如何附加到 div 的开头？

Answer 1

您可以使用insertBefore()并将父级的firstChild作为参考元素：

var element = document.getElementById("div1");
element.insertBefore(para, element.firstChild);