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 | The node to be appended. Required. |
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(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}
Yllä olevan koodin tulostus:
Everyday Italian - Edition: First Harry Potter - Edition: First XQuery Kick Start - Edition: First Learning XML - Edition: First
Huomautus:Internet Explorer huomioi tyhjät tekstit, jotka tuotetaan solujen välillä (esim. rivinvaihtomerkit), mutta Mozilla ei tee niin. Siksi käsittelemme vain elementti-solmuja (joiden nodeType on 1) yllä olevassa esimerkissä.
Lisätietoja Internet Explorerin ja Mozillan selaimen välisistä eroista löydät CodeW3C.comin XML DOM-opas-sivulta DOM-selain Tämä luku.
