Baseline Widely available
The Element.prepend()
method inserts a set of Node
objects or strings before the first child of the Element
. Strings are inserted as equivalent Text
nodes.
prepend(param1)
prepend(param1, param2)
prepend(param1, param2, /* â¦, */ paramN)
Parameters
param1
, â¦, paramN
A set of Node
objects or strings to insert.
None (undefined
).
HierarchyRequestError
DOMException
Thrown when the node cannot be inserted at the specified point in the hierarchy.
let div = document.createElement("div");
let p = document.createElement("p");
let span = document.createElement("span");
div.append(p);
div.prepend(span);
console.log(div.childNodes); // NodeList [ <span>, <p> ]
Prepending text
let div = document.createElement("div");
div.append("Some text");
div.prepend("Headline: ");
console.log(div.textContent); // "Headline: Some text"
Prepending an element and text
let div = document.createElement("div");
let p = document.createElement("p");
div.prepend("Some text", p);
console.log(div.childNodes); // NodeList [ #text "Some text", <p> ]
The prepend method is unscopable
The prepend()
method is not scoped into the with
statement. See Symbol.unscopables
for more information.
let div = document.createElement("div");
with (div) {
prepend("foo");
}
// ReferenceError: prepend is not defined
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3