("div")[0]这个[0]是干嘛的?为什么我的代码运行没效果?快来帮我看看啊

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

蓦陌

2015-04-18 10:14

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>节点属性</title>

<style type="text/css">

    .div_box{margin:50px auto;width: 600px;}

    .div_box li{margin: 10px 0;}

</style>

</head>

<body>

<div class="div_box">

    <p>我的课程</p>

    <ul>

        <li title="css3">css3</li>

        <li title="html5">html5</li>

        <li title="javascript">javascript</li>

        <li title="JQuery">JQuery</li>

        <li title="页面布局">页面布局</li>

        <li title="">web前端技术</li>

    </ul>

</div>

<script type="text/javascript">

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

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

        document.write("节点类型:"+ Lists[i].nodeName+Lists[i].nodeType+Lists[i].nodeValue+"<br/>");

        

    };

</script>

</body>

</html>


写回答 关注

2回答

  • Tracy_
    2015-04-18 10:48:06
    已采纳

    document.getElementsByTagName("div") 获取的是所有的div,是一个数组,加了[0]表示这个数组的第一个元素,即类名为"div_box"的div

    蓦陌

    非常感谢!

    2015-06-16 10:15:03

    共 1 条回复 >

  • lymo
    2015-04-18 10:26:11
    document.write("节点类型:"+ Lists[i].nodeName+Lists[i].nodeType+Lists[i].nodeValue+"<br/>"); //分号打错了


JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题