HTML DOM Range setStart() 方法

setStart() 方法用于设置Range的起始位置。 startNode可以用作文本节点、子节点等。 startOffset可以是距startNode开头的字符数，也可以是startNode开头之间的子节点数。

句法：

range.setStart(startNode, startOffset);

参数：

• startNode：用于启动范围的节点。
• startOffset：该参数是大于或等于零的偏移索引，表示从 startNode 开始 Range 的索引。

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

例1：本例中，设置父节点的范围子节点的起始位置。

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

HTML

  

    GeeksforGeeks
    
        Child 1
        Child 2
    
  
    
        const example = document
            .getElementById('parent');
              
        const range = document.createRange();
        range.setStart(example, 0);
        range.setEnd(example, 3);
        console.log(range);
        console.log(range.toString());
    

  

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

示例2：在本示例中，通过获取文本节点的字符来设置范围的开始。

HTML

  

    GeeksforGeeks
  
    
        Characters of this node will
        be used to set the range.
    
  
    
        const example = document
            .getElementById('example');
  
        const textNode = example.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())
    

  

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

支持的浏览器：

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