为什么我写的这段代码,不能输出text?

来源:9-5 getAttribute()方法

qq_一生之久_0

2016-04-23 09:00

<!DOCTYPE HTML>

<html>

<head>

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

<title>getAttribute()</title>

</head>

<body>   

<p id="intro">课程列表</p>  

    <ul>  

        <li title="第1个li">HTML</li>  

        <li>CSS</li>  

        <li title="第3个li">JavaScript</li>  

        <li title="第4个li">Jquery</li>  

        <li>Html5</li>  

    </ul>  

<p>以下为获取的不为空的li标签title值:</p>

<script type="text/javascript">

    var con=document.getElementsByTagName("li");

    var text=con.getAttribute("title");

      if(text!=null)

      {

        document.write(text+"<br>");

      }

    

 </script> 

</body>

</html>

为什么我写的这段代码,不能输出text?

写回答 关注

2回答

  • akiaki
    2016-04-23 16:48:08
    已采纳

    你改成text=con[0].getAttribute("title")输出的是第一个li的title

    所以要输出所有li的title 需要用循环for来写 i是用来表示是第几个li的

    qq_一生之...

    非常感谢!

    2016-04-23 16:50:38

    共 1 条回复 >

  • akiaki
    2016-04-23 16:12:16

    var con=document.getElementsByTagName("li");

    getElementsByTagName返回的应该是一个对象数组

    所以text=con[i].getAttribute("title");

    qq_一生之...

    我改成你说的这样,结果还是不能输出text

    2016-04-23 16:38:38

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题