Node.appendChild() method adds a node to the end of
the list of children of a specified parent node. If the given child is a reference to an
existing node in the document,
appendChild() moves it from its current
position to the new position (there is no requirement to remove the node from its parent
node before appending it to some other node).
This means that a node can't be in two points of the document simultaneously. So if the
node already has a parent, the node is first removed, then appended at the new position.
Node.cloneNode() method can be used to make a copy of the node before
appending it under the new parent. Note that the copies made with
will not be automatically kept in sync.
Newer API available!
Element.append() method supports multiple arguments and
- The node to append to the given parent node (commonly an element).
Chaining may not work as expected, due to
appendChild() returning the
let aBlock = document.createElement('block').appendChild( document.createElement('b') );
<b></b> only, which is
probably not what you want.
// Create a new paragraph element, and append it to the end of the document body let p = document.createElement("p"); document.body.appendChild(p);
|DOM Standard (DOM)|
BCD tables only load in the browser