XML DOM appendChild() method
Definition and Usage
The appendChild() method adds a node after the last child node of the specified element node.
This method returns the new child node.
Syntax:
appendChild(node)
| Parameter | Description |
|---|---|
| node | Required. The node to be appended. |
Instance
In all examples, we will use the XML file books.xml, and the JavaScript function loadXMLDoc().
The following code snippet creates and appends a node to the first <book> element, and then outputs all child nodes of the first <book> element:
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(" - Edisi: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}
Keluaran kode di atas:
Everyday Italian - Edisi: Pertama Harry Potter - Edisi: Pertama XQuery Kick Start - Edisi: Pertama Learning XML - Edisi: Pertama
Catatan:Internet Explorer akan mengabaikan node teks kosong yang dihasilkan antara node (seperti karakter enter), sedangkan Mozilla tidak melakukan hal ini. Oleh karena itu, di contoh di atas, kami hanya mengelola node elemen (nodeType elemen sama dengan 1).
Untuk konten yang lebih banyak tentang perbedaan antara peramban IE dan Mozilla, kunjungi panduan DOM XML di CodeW3C.com Peramban DOM Bagian ini.
