定義和用法

appendChild() 方法在指定元素節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)之后添加節(jié)點(diǎn)。

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

語法：

appendChild(node)

實(shí)例

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

下面的代碼片段創(chuàng)建并向第一個(gè) <book> 元素追加了一個(gè)節(jié)點(diǎn)，然后輸出第一個(gè) <book> 元素的的所有子節(jié)點(diǎn)：

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é)點(diǎn)之間生成的空白文本節(jié)點(diǎn)（比如換行字符），而 Mozilla 不這么做。因此，在上面的例子中，我們僅僅處理元素節(jié)點(diǎn)（元素節(jié)點(diǎn)的 nodeType 等于 1）。

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