瀏覽器範圍對象的開始容器屬性混淆

Question

我正在瀏覽範圍對象的文檔，我對範圍對象的開始容器屬性有點困惑。我認爲開始容器總是一個文本節點，但書中說開始容器也可以代表一個元素。

任何人都可以給我一個例子突出顯示，當這將是這種情況？

Answer 1

DOM範圍可以表示文檔的任何連續部分，其邊界可以在文檔中的任何位置（包括註釋，實體和屬性節點內）。它不僅僅用於選擇（儘管在最常用的HTML腳本中）。

如果邊界容器節點是一個元素，則偏移量是邊界之前容器的子節點的數量。例如，查看以下範圍（由管道劃分）：

<div id="foo"><img src="1.png">|<img src="2.png">|<img src="3.png"></div> 

這裏沒有任何文本節點。範圍開始在div的一個子節點之後，並且結束在兩個子節點之後。這個範圍可以創建如下：

var div = document.getElementById("foo"); 
var range = document.createRange(); 
range.setStart(div, 1); 
range.setEnd(div, 2);