Tech Stuff - DOM-2 appendChild

W3C Core Reference. Part of the Node Interface.

appendChild Method

Appends something (an element/node/object) created by a createElement or createTextNode method as the last child of an existing node, that is is becomes the lastChild attribute of the object/node to which is was appended.

Syntax

object.appendChild(element)

Related Stuff

removeChild, childNodes

Examples

// get a reference to an existing object
obj = document.getElementById("one");
// create a paragraph element
newobj = document.createElement("p");
// create some visible text
textnode = document.createTextNode("Some text");
newobj.appendChild(textnode);

// append it and make visible in document
obj.appendChild(newobj);
}

Appends (adds to the end) of the existing obj the newly created newobj.

Notes:

The newly created element (newobj) has a single instance and cannot be added to two (or more) nodes. Assuming you want to add the same element to two existing nodes, then if two appendChild methods are issued newobj would be added to the last Node.

Problems, comments, suggestions, corrections (including broken links) or something to add? Please take the time from a busy life to 'mail us' (at top of screen), the webmaster (below) or info-support at zytrax. You will have a warm inner glow for the rest of the day.