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