DocumentFragment.append()

The DocumentFragment.append() method inserts a set of Node objects or DOMString objects after the last child of the document fragment. DOMString objects 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

append(...nodesOrDOMStrings)

Parameters

nodesOrDOMStrings

A set of Node or DOMString objects to insert.

Exceptions

HierarchyRequestError DOMException

Thrown when the node cannot be inserted at the specified point in the hierarchy.

Examples

Appending an element to a document fragment

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

See also