var x=document.getElementsByTagName("div")[0].childNodes;在getElementByTagName("div")后面为什么加上“【0】?”

来源:9-8 访问子节点childNodes

慕姐3102452

2016-04-22 10:56

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
  javascript 
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>
<script type="text/javascript">
 var x=document.getElementsByTagName("div")[0].childNodes;
 for(var i=0;i<x.length;i++)
 {
     document.write("div的第["+"]:"+x[i].nodeType+"<br>"
     };
 
 
</script>
</body>
</html>

写回答 关注

2回答

  • qq电子时代
    2016-04-24 16:05:38

    var y=document.getElementsByTagName("div");   //这里返回的是数组

     var x=y[0].childNodes;    //分开写是这样的

    你可以看见代码中有两个div标签,而y[0-]就是取数组中第一个元素,也就是第一个div标签


  • 丨MrFrancis灬
    2016-04-22 11:05:54

    document.getElementsByTagName("div")取的是一个数组,加上【0】 是取得数组中的元素就是节点,节点才有子节点,而数组不行。

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题