DocumentFragment: append() method
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The DocumentFragment.append() method
inserts a set of Node objects or strings after
the last child of the document fragment. Strings
are inserted as equivalent Text nodes.
This method appends a child to a DocumentFragment. To append to an arbitrary element in the tree, see Element.append().
Syntax
js
append(param1)
append(param1, param2)
append(param1, param2, /* …, */ paramN)
Parameters
param1, …,paramN-
A set of
Nodeobjects or strings to insert.
Return value
None (undefined).
Exceptions
HierarchyRequestErrorDOMException-
Thrown when the node cannot be inserted at the specified point in the hierarchy.
Examples
Appending an element to a document fragment
js
let fragment = new DocumentFragment();
let div = document.createElement("div");
fragment.append(div);
fragment.children; // HTMLCollection [<div>]
Specifications
| Specification |
|---|
| DOM Standard # ref-for-dom-parentnode-append① |
Browser compatibility
BCD tables only load in the browser