DocumentFragment: prepend() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.
The DocumentFragment.prepend() method
inserts a set of Node objects or strings before
the first child of the document fragment. Strings
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
js
prepend(param1)
prepend(param1, param2)
prepend(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
Prepending an element to a document fragment
js
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 # ref-for-dom-parentnode-prepend① |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
prepend
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support