parentappendChildchild

The term parentappendChildchild refers to the DOM operation of adding a node as a child of a parent node by calling the appendChild method, commonly written as parent.appendChild(child).

In the standard DOM, this inserts the child at the end of the parent's list of children. If the child already has a different parent, it is removed from that parent before being appended. If the child comes from another document, it is adopted into the new document.

The method returns the node that was appended.

Example: var parent = document.getElementById('container'); var span = document.createElement('span'); span.textContent = 'Hello'; parent.appendChild(span);

Compared with append, appendChild can only insert Node objects and will throw if given non-node values. append can take multiple nodes and strings and appends text nodes automatically, but append is less widely supported in very old environments. In modern code, both are available; append is often preferred for its flexibility.

See also: DOM Node, Document Object Model, insertBefore, replaceChild.