document.getElementsByTagName("div")[0].childNodes的下标[0]是啥意思

Question

<div>

  javascript  

  <p>javascript</p>

  <div>jQuery</div>

  <h5>PHP</h5>

</div>

<script type="text/javascript">

     var node=document.getElementsByTagName("div")[0].childNodes;

     document.write("div子节点个数："+node.length+"<br />");

 for(var i=0;i<node.length;i++){ 

     document.write("节点类型："+node[i].nodeType+"<br />");

     }

</script>

请问以上代码获取div标签属性为啥要用[0]下标？谢谢！

Answer 1

document.getElementsByTagName("div")[0].childNodes所有类似 getElementsXXX 这种获取节点的方法都是返回节点的数组，从名字也可以看出，所以上面就是获取返回节点数组的第一个元素，然后得到它所有的子节点，可以和 getElementById 对比理解记忆，这个从名字可以看出，只获得一个唯一的节点。

Answer 2

如果不加下标的话是获取到你script上面的所有的div元素他们会被存放在一个数组当中，你想要调用到第一个div当然也要调取数组的第一个元素喽，所以加上了[0].希望我的回答能够帮助到你。

Answer 3

document.getElementsByTagName("div")获得的是所有div标签，[0]代表第一个div标签

Answer 4

获取的是类似于数组的存储模式        用下标显示数组中存储的数据不是数组  数组数据不变化    但是类似于数组则会随着html结构变化而变化