DocumentFragment.prepend()

The DocumentFragment.prepend() method inserts a set of Node objects or DOMString objects before the first child of the document fragment. DOMString objects are inserted as equivalent Text nodes.

This method prepends a child to a DocumentFragment. To prepend to an arbitrary element in the tree, see Element.prepend().

Syntax

prepend(...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

Prepending an element to a document fragment

let fragment = new DocumentFragment();
let div = document.createElement("div");
let p = document.createElement("p");
fragment.append(p);
fragment.prepend(div);

fragment.children; // HTMLCollection [<div>, <p>]

Specifications

Specification
DOM Standard # ref-for-dom-parentnode-prepend①

Browser compatibility

BCD tables only load in the browser