Question

我目前正在将一个节点附加到div的末尾以动态添加到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);

Answer 2

研究jQuery（http://www.jquery.com），因为它会让你的生活变得更加容易。其他库存在，但jQuery是最受欢迎的。

你的jQuery代码：

$("<div/>").append("this is new").appendTo($("#div1"))

对于前置：

$("<div/>").prepend("this is new").prependTo($("#div1"))

Answer 3

element.insertBefore(para, element.firstChild )

https://developer.mozilla.org/en-US/docs/DOM/Node.insertBefore?redirectlocale=en-US&redirectslug=DOM%2Felement.insertBefore

Answer 4

我不确定，但你可以这样做：

<script type="text/javascript">
window.onload=function(){
dv=document.createElement('div1');
txt=document.createTextNode('this is new');
dv.appendChild(txt);
document.getElementById('div1').appendChild(dv);
}
</script>

Answer 5

你可以使用javascript insertBefore（）方法。当你加入dom时。

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

5 个答案: