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