XML DOM appendChild() Method


Node Object Reference Node Object

Definition and Usage

The appendChild() method appends the new child node to the end of the list of children of a node.

Note: If the newchild is already in the tree, it is first removed.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The appendChild() method is supported in all major browsers.


Syntax

nodeObject.appendChild(newchild)

Parameter Description
newchild The node to add (append)

Return Value

Type Description
Node object The appended node

Technical Details

DOM Version Core Level 1 Node Object. Modified in DOM Level 3


Example

The following code fragment loads "books.xml" into xmlDoc using loadXMLDoc() and creates a node (<edition>), and appends it after the last child of the first <book> node:

Example

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 yourself »

Try-It-Yourself Demos

appendChild() - Append a child node to all <book> nodes


Node Object Reference Node Object

Color Picker

colorpicker