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.
Please take two minutes to fill out our short survey.
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 # dom-range-insertnode |