HTML DOM Range insertNode() 方法

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

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

句法：

range.insertNode( newNode );

参数：此方法接受如上所述和如下所述的单个参数：

• newNode：要在范围开始处插入的节点。

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

示例：此示例显示如何使用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());
        }
    

  

输出：

• 点击按钮前：

  

• 点击按钮后：

  

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果浏览器
• 歌剧
• IE浏览器