Range: insertNode() method
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
The Range.insertNode()
method inserts a node at the start
of the Range
.
The new node is inserted at the start boundary point of the Range
. If the
new node is to be added to a text Node
, that Node
is split
at the insertion point, and the insertion occurs between the two text nodes.
If the new node is a document fragment, the children of the document fragment are inserted instead.
Syntax
js
insertNode(newNode)
Parameters
Return value
None (undefined
).
Examples
js
range = document.createRange();
newNode = document.createElement("p");
newNode.appendChild(document.createTextNode("New Node Inserted Here"));
range.selectNode(document.getElementsByTagName("div").item(0));
range.insertNode(newNode);
Specifications
Specification |
---|
DOM Standard # dom-range-insertnode |
Browser compatibility
BCD tables only load in the browser