HTML DOM Range setEnd() 方法

setEnd() 方法用于设置Range的结束位置。

endNode可以用作文本节点、子节点等。 endOffset可以是距endNode的字符数或可以是endNode的子节点数。

句法：

range.setEnd(endNode, endOffset);

参数：此方法接受上面提到和下面描述的两个参数：

• endNode：用于设置范围结束的节点。
• endOffset：该参数是大于或等于零的偏移索引，表示范围结束的索引。

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

示例 1：此示例将范围结束设置为父节点的子节点。

本示例使用setEnd()方法设置范围的结束子节点。在这里，我们使用了setStart()方法来设置范围的开始以完整地组成一个范围。为了清楚定义范围，我们使用toString()方法将选定范围转换为文本。

HTML

  

    
        HTML DOM range setEnd() method
    

  

    GeeksforGeeks
  
    
        Child 1
        Child 2
    
  
    
        const exampleNode = document
            .getElementById('exampleNode');
  
        const range = document.createRange();
  
        // 0th child gets at starting
        // of the range
        range.setStart(exampleNode, 0);
  
        // 3rd child gets at ending
        // of the range
        range.setEnd(exampleNode, 3);
        console.log(range);
        console.log(range.toString());
    

  

输出：在控制台中，可以看到创建的范围。

示例 2：此示例将范围的结尾设置为文本节点的字符。

HTML

  

    
        HTML DOM range setEnd() method
    

  

    GeeksforGeeks
  
    
        Characters of this node will 
        be used to set the range.
    
  
    
        const exampleNode = document
            .getElementById('exampleNode');
  
        const textNode = exampleNode.childNodes[0];
        const range = document.createRange();
  
        // Starting of range will be 0th character
        range.setStart(textNode, 0);
  
        // Ending of range will be 54th character
        range.setEnd(textNode, 54);
        console.log(range);
        console.log(range.toString())
    

  

输出：在控制台中，可以看到创建的范围。

支持的浏览器：

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