當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。