html range 后插入,HTML DOM Range insertNode()用法及代码示例

insertNode()方法在Range的开头插入一个节点。

更新的范围由最后一个范围内容的范围之前的新插入的节点组成。

用法:

range.insertNode( newNode );

参数：此方法接受上述和以下描述的单个参数：

newNode:要在范围的开头插入的Node。

返回值：此方法不返回任何值。

例：本示例说明如何使用insertNode()方法在范围内容之前插入节点。为了澄清范围内容的变化，我们已经使用toString()方法在控制台中以字符串文本记录了新范围。

HTML

HTML DOM range insertNode() method

GeeksforGeeks

Range Content

Click Here to insert the Node

Node element

var range = document.createRange();

range.selectNode(document

.getElementsByTagName("p").item(0));

const element = document

.getElementById('element');

console.log("Before Button Click:",

range.toString());

function insert() {

range.insertNode(element);

console.log("After  Button Click:",

range.toString());

}

输出：

单击按钮之前：

单击按钮后：

支持的浏览器：

谷歌浏览器

Edge

Firefox

Safari

Opera

IE浏览器