ContextQMD
Back to Content

Range: insertNode() method

files/en-us/web/api/range/insertnode/index.md

latest1.0 KB
Original Source

{{ApiRef("DOM")}}

The Range.insertNode() method inserts a node at the start of the {{domxref("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 {{domxref("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-nolint
insertNode(newNode)

Parameters

  • newNode
    • : The {{domxref("Node")}} to insert at the start of the range.

Return value

None ({{jsxref("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

{{Specifications}}

Browser compatibility

{{Compat}}

See also