HTML DOM 范围 setEndBefore() 方法

Range setEndBefore()方法设置 Range 相对于另一个 Node 的结束位置。用于设置终点范围的元素是 referenceNode元素。在该方法中，所使用的参考元素及其含量不包括在范围内。

句法：

range.setEndBefore(refNode);

参数：

• referenceNode 元素：设置范围结束的节点。

返回值：此方法没有返回值。

示例：此示例将展示如何使用setEndBefore() 方法设置范围的结束位置。同样在这个例子中，我使用了setStartAfter()方法来设置范围的开始。这里的结束引用节点是文档的第二个 元素。

作为参考，我还控制台记录了文本中的范围以使其清楚。

HTML DOM range setEndBefore() property    


    GeeksforGeeks
    The range will start after 1st element in 
italics RangeStart This is range content 
RangeEnd


    var range = document.createRange();
    var refNode1 = document.getElementsByTagName("i").item(0);
    var refNode2 = document.getElementsByTagName("i").item(1);
    range.setStartAfter(refNode1);
    range.setEndBefore(refNode2);
    console.log(range);
    console.log(range.toString())

输出：在控制台中，可以看到由 startOffset 和 endOffset 构成的范围。

支持的浏览器：

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