這將返回什麼？ getElementById.children [index]

Question

如果有3個子節點，並且我指的是通過最後一個子節點的節點，那麼這將返回什麼？換句話說，[0]返回第一個節點，[1]返回第二個節點，[2]返回第三個節點，但[3]返回什麼？

document.getElementById("content").children[3] 

<div id="content"> 
<div id="1" class="text"><textarea id="t1" rows="10" cols="70">First</textarea></div> 
<div id="2" class="text"><textarea id="t2" rows="10" cols="70">Second</textarea></div> 
<div id="3" class="text"><textarea id="t3" rows="10" cols="70">Third</textarea></div> 
</div> 

我收到的最後一個元素的div ID = 「3」 時我使用[2] & [3]。只在Safari中測試過。

Answer 1

的element.children返回

實況的HTMLCollection對象，表示元件 節點的集合。返回的集合中的元素進行排序，因爲它們 出現在源代碼

也就是說，如果你寫這個document.getElementById("random").children[3]並沒有任何元素的位置與指數3，返回null雖這麼說。

更一般地，當由索引返回訪問該集合：

指定索引處的元件，或者如果空索引小於零 或大於或等於長度屬性。

欲瞭解更多關於HMTLCollection的信息，請看看here。