HTML DOM Range endOffset属性用法及代码示例

endOffset属性返回一个数字，表示范围结束处的偏移索引。这是一个只读属性。

如果Range的父节点是Text类型的Node，则偏移索引将是Range结束字符的索引。对于其他Node类型，endOffset是子节点在父节点末尾的索引。

用法:

end = range.endOffset;

返回值：它返回范围结束的偏移索引。

例：在此示例中，我们将使用此属性获取endOffset索引。

在这里，范围的endOffset索引是endContainer节点的第4个节点。

HTML

<html>
<head>
<title>HTML DOM range endOffset property</title>    
</head>
<body>
    <h1>GeeksforGeeks</h1>
     
<p>This is the Range Content</p>
 
</body>
<script>
    let range = document.createRange();
    let referenceNode = document.getElementsByTagName('p').item(0);
    range.selectNode(referenceNode);
    console.log(range.endContainer);
    index=range.endOffset;
    console.log(index);
</script>
</html>

输出：在控制台中，可以看到endOffset索引。

支持的浏览器：

谷歌浏览器
Edge
Firefox
Safari
Opera
IE浏览器

相关用法

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