这是一个段落。

创建新的HTML元素- insertBefore()

创建新的HTML元素- insertBefore()
创建新的 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>

推荐阅读