HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE