HTML DOM Range setEndBefore()用法及代码示例

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

用法:

range.setEndBefore(refNode);

参数：

referenceNode element:设置范围终点的Node。

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

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

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

<html> 
<head> 
<title>HTML DOM range setEndBefore() property</title>     
</head> 
<body> 
    <h1>GeeksforGeeks</h1> 
    The range will start after 1st element in  
italics<i> RangeStart</i> This is range content  
<i>RangeEnd</i> 
</body> 
<script> 
    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()) 
</script> 
</html>

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

支持的浏览器：

谷歌浏览器
Edge
Firefox
Safari
Opera

相关用法

注：本文由纯净天空筛选整理自taran910大神的英文原创作品 HTML DOM Range setEndBefore() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。