定義和用法

insertBefore() 方法在已有的子節(jié)點(diǎn)之前插入一個新的子節(jié)點(diǎn)。

該方法返回這個新的子節(jié)點(diǎn)。

語法：

elementNode.insertBefore(new_node,existing_node)

提示和注釋：

注釋：Internet Explorer 會忽略節(jié)點(diǎn)之間生成的空白文本節(jié)點(diǎn)（比如換行字符），而 Mozilla 不這么做。因此，在下面的例子中，我們使用一個函數(shù)來檢查最后一個子節(jié)點(diǎn)的節(jié)點(diǎn)類型。

元素節(jié)點(diǎn)的節(jié)點(diǎn)類型是 1，因此如果最后一個子節(jié)點(diǎn)不是元素節(jié)點(diǎn)，則移動到上一個節(jié)點(diǎn)，并檢查這個節(jié)點(diǎn)是否是元素節(jié)點(diǎn)。這個過程一直會持續(xù)到找到最后一個屬于元素節(jié)點(diǎn)的子節(jié)點(diǎn)為止。通過這個方法，在 Internet Explorer 和 Mozilla 中都會得到正確的結(jié)果。

如需更多有關(guān) IE 與 Mozilla 瀏覽器差異的內(nèi)容，請訪問 W3School 的 XML DOM 教程中的 DOM 瀏覽器 這一節(jié)。

實(shí)例

在所有的例子中，我們將使用 XML 文件 books.xml，以及 JavaScript 函數(shù) loadXMLDoc()。

下面的代碼片段創(chuàng)建一個新的 <book> 節(jié)點(diǎn)，并把它插到文檔中最后一個 <book> 元素之前：

//check if the last childnode is an element node
function get_lastchild(n)
{
x=n.lastChild;
while (x.nodeType!=1)
  {
  x=x.previousSibling;
  }
return x;
}

xmlDoc=loadXMLDoc("books.xml");
newNode=xmlDoc.createElement("book");
newTitle=xmlDoc.createElement("title");
newText=xmlDoc.createTextNode("A Notebook");
newTitle.appendChild(newText);
newNode.appendChild(newTitle);

xmlDoc.documentElement.insertBefore(newNode,get_lastchild(x));