这会带来什么回报？ getElementById.children [指数]

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>

当我使用[2]＆amp;时，我得到最后一个元素div id =“3” [3]。只在Safari中测试过。

Answer 1

element.children返回

  

一个实时HTMLCollection对象，表示元素的集合   节点。返回集合中的元素按其排序   出现在源代码中

如果你写下这个document.getElementById("random").children[3]并且索引3的位置中没有任何元素，那就回答null。

更一般地说，当您通过索引访问此集合时返回：

  

指定索引处的元素，如果index小于零，则返回null   或者大于或等于长度属性。

有关HMTLCollection的详情，请查看here。