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. |
Example
In all examples, we will use the XML file books.xml, as well as 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 />");
}
Ausgabe des obigen Codes:
Everyday Italian - Edition: First Harry Potter - Edition: First XQuery Kick Start - Edition: First Learning XML - Edition: First
Anmerkung:Internet Explorer ignoriert leere Textknoten zwischen den Knoten (z.B. Zeilenumbrüche), während Mozilla dies nicht tut. Daher behandeln wir in diesem Beispiel nur Elementknoten (nodeType des Elementknotens beträgt 1).
Für mehr Informationen über die Unterschiede zwischen IE und Mozilla Browser besuchen Sie bitte das XML DOM-Tutorial auf CodeW3C.com DOM-Browser Dieses Kapitel.
