XML DOM insertBefore() 方法
定義和用法
insertBefore() 方法在已有的子節點之前插入一個新的子節點。
該方法返回這個新的子節點。
語法:
elementNode.insertBefore(new_node,existing_node)
參數 | 描述 |
---|---|
new_node | 必需。要插入的節點。 |
existing_node | 必需。已有節點。在此節點之前插入新節點。 |
提示和注釋:
注釋:Internet Explorer 會忽略節點之間生成的空白文本節點(比如換行字符),而 Mozilla 不這么做。因此,在下面的例子中,我們使用一個函數來檢查最后一個子節點的節點類型。
元素節點的節點類型是 1,因此如果最后一個子節點不是元素節點,則移動到上一個節點,并檢查這個節點是否是元素節點。這個過程一直會持續到找到最后一個屬于元素節點的子節點為止。通過這個方法,在 Internet Explorer 和 Mozilla 中都會得到正確的結果。
如需更多有關 IE 與 Mozilla 瀏覽器差異的內容,請訪問 CodeW3C.com 的 XML DOM 教程中的 DOM 瀏覽器 這一節。
實例
在所有的例子中,我們將使用 XML 文件 books.xml,以及 JavaScript 函數 loadXMLDoc()。
下面的代碼片段創建一個新的 <book> 節點,并把它插到文檔中最后一個 <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));