为什么我的代码没有输出内容？

源自：9-5 getAttribute()方法

为什么我的代码没有输出内容？

<!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");
    for (var i=0; i< con.length;i++){
        var text = con.getAttribute("title");
      if(text!=null)
      {
        document.write(text+"<br>");
      }
    } 
 </script> 
</body>
</html>

以下为获取的不空的li标签title值：

（没有任何内容...）

提问者：NodeOS 2016-02-28 08:57

个回答

纪行川

2016-03-24 11:05:33

已采纳

楼上说的对￥￥

1
CC猫

2016-04-06 11:00:51

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

0
NodeOS

2016-02-28 09:02:04

输出的是一个数组......忘加[i]了！！！

4