创建新的 HTML 元素 (节点) - insertBefore()

 

以上的实例我们使用了 appendChild() 方法，它用于添加新元素到尾部。

 

如果我们需要将新元素添加到开始位置，可以使用 insertBefore() 方法:

 

实例

<div id="div1">

<p id="p1">这是一个段落。</p>

<p id="p2">这是另外一个段落。</p>

</div>

 

<script>

var para = document.createElement("p");

var node = document.createTextNode("这是一个新的段落。");

para.appendChild(node);

 

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

var child = document.getElementById("p1");

element.insertBefore(para, child);

</script>