insertBefore() 方法可在已有的子节点前插入一个新的子节点。
此方法可返回新的子节点。
insertBefore(newchild,refchild)
| 参数 | 描述 |
|---|---|
| newchild | 插入新的节点 |
| refchild | 在此节点前插入新节点 |
注释：Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而 Mozilla 不会这样做。因此，在下面的例子中，我们会使用一个函数来检查最后一个子节点的节点类型。
元素节点的节点类型是 1，因此如果首个子节点不是一个元素节点，它就会移至下一个节点，然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素子节点被找到为止。通过这个方法，我们就可以在 Internet Explorer 和 Mozilla 得到正确的方法。
提示：如需更多有关 IE 与 Mozilla 浏览器之间 XML DOM 的差异的内容，请访问我们的 DOM 浏览器 章节。
在所有的例子中，我们将使用 XML 文件 books.xml ，以及 JavaScript 函数 loadXMLDoc() 。
下面的下面片段可创建一个新的 <book> 节点，并在文档中的最后一个 <book> 元素前插入此节点：
//check if the last childnode is an element node
function get_lastchild(n)
{
var x=n.lastChild;
while (x.nodeType!=1)
{
x=x.previousSibling;
}
return x;
}
xmlDoc=loadXMLDoc("books.xml");
var newNode=xmlDoc.createElement("book");
var newTitle=xmlDoc.createElement("title");
var newText=xmlDoc.createTextNode("A Notebook");
newTitle.appendChild(newText);
newNode.appendChild(newTitle);
xmlDoc.documentElement.insertBefore(newNode,get_lastchild(x));