Range.insertNode() - Web API 接口参考 编辑

Range.insertNode() 是在Range的起始位置插入节点的方法。

新节点是插入在 the Range起始位置。如果将新节点添加到一个文本 节点, 则该节点在插入点处被拆分，插入发生在两个文本节点之间

如果新节点是一个文档片段，则插入文档片段的子节点。

Syntax

range.insertNode(newNode);

Parameters

newNode

The Node to insert at the start of the range.

Example

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	Status	Comment
DOM Range.insertNode()	Living Standard	No change
Document Object Model (DOM) Level 2 Traversal and Range Specification Range.insertNode()	Obsolete	Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	(Yes)	(Yes)	1.0 (1.7 or earlier) 14.0 (14.0)[1]	9.0	9.0	(Yes)

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	(Yes)	(Yes)	1.0 (1.0) 14.0 (14.0)[1]	9.0	9.0	(Yes)

[1] Prior to Gecko 14.0 (Firefox 14.0 / Thunderbird 14.0 / SeaMonkey 2.11), this method had no effect on collapsed ranges. Now it behaves as per the specification.

See also

• The DOM interfaces index