XML DOM appendChild() 方法
定義和用法
appendChild() 方法在指定元素節(jié)點的最后一個子節(jié)點之后添加節(jié)點。
該方法返回新的子節(jié)點。
語法:
appendChild(node)
參數(shù) | 描述 |
---|---|
node | 必需。要追加的節(jié)點。 |
實例
在所有的例子中,我們將使用 XML 文件 books.xml,以及 JavaScript 函數(shù) loadXMLDoc()。
下面的代碼片段創(chuàng)建并向第一個 <book> 元素追加了一個節(jié)點,然后輸出第一個 <book> 元素的的所有子節(jié)點:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
var newel,newtext;
for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
x[i].appendChild(newel);
}
//Output all titles and editions
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}
以上代碼的輸出:
Everyday Italian - Edition: First Harry Potter - Edition: First XQuery Kick Start - Edition: First Learning XML - Edition: First
注釋:Internet Explorer 會忽略節(jié)點之間生成的空白文本節(jié)點(比如換行字符),而 Mozilla 不這么做。因此,在上面的例子中,我們僅僅處理元素節(jié)點(元素節(jié)點的 nodeType 等于 1)。
如需更多有關(guān) IE 與 Mozilla 瀏覽器差異的內(nèi)容,請訪問 W3School 的 XML DOM 教程中的 DOM 瀏覽器 這一節(jié)。