Baseline Widely available
The Element.replaceWith()
method replaces this Element
in the children list of its parent with a set of Node
objects or strings. Strings are inserted as equivalent Text
nodes.
replaceWith(param1)
replaceWith(param1, param2)
replaceWith(param1, param2, /* â¦, */ paramN)
Parameters
param1
, â¦, paramN
A set of Node
objects or strings to replace.
None (undefined
).
HierarchyRequestError
DOMException
Thrown when the node cannot be inserted at the specified point in the hierarchy.
replaceWith()
const div = document.createElement("div");
const p = document.createElement("p");
div.appendChild(p);
const span = document.createElement("span");
p.replaceWith(span);
console.log(div.outerHTML);
// "<div><span></span></div>"
replaceWith()
is unscopable
The replaceWith()
method is not scoped into the with
statement. See Symbol.unscopables
for more information.
with (node) {
replaceWith("foo");
}
// ReferenceError: replaceWith 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