XML DOM insertBefore() 方法
定義和用法
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));