Latest web development tutorials

XML DOM appendChild () method

Element Object Reference Element object

Definition and Usage

appendChild () method after a specified element node's last child node to add a node.

This method returns the new child node.

grammar

appendChild(node)

参数 描述
node 必需。要追加的节点。


Example 1

The following code fragment uses loadXMLDoc () to " the Books.xml " into xmlDoc create nodes (<edition>), and add it to the back of the last child of the first <book> element:

Examples

xmlDoc=loadXMLDoc("books.xml");

newel=xmlDoc.createElement("edition");

x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

document.write(x.getElementsByTagName("edition")[0].nodeName);

Output:

edition

try it"

Example 2

The following code fragment uses loadXMLDoc () to " the Books.xml " into xmlDoc, a new node is added to all <book> element:

Examples

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("
");
}

Output:

Everyday Italian - Edition: First
Harry Potter - Edition: First
XQuery Kick Start - Edition: First
Learning XML - Edition: First

try it"

Element Object Reference Element object