JS中getAttribute的问题

来源:9-5 getAttribute()方法

慕粉3361053

2016-08-11 22:43

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


中为什么<script type="text/javascript">
    var con=document.getElementsByTagName("li");
    for (var i=0; i< con.length;i++){
   var text=con[i].getAttribute("title");
           document.write(text+"<br>");
  }
    
 </script>

为什么不输出所有的li标签

写回答 关注

3回答

  • Lufi3
    2016-08-12 00:40:08
    已采纳

    你上面有个if判断句,所以title为空的li就不会输出。

    慕粉3361...

    去掉if判断句,也没有输出所有title标签啊,

    2016-08-13 20:00:32

    共 2 条回复 >

  • 恶少3243798
    2016-09-10 22:24:36

    var text=con.getAttribute("title");改成var text=con[i].getAttribute("title");就可以了。

  • 濮水之阳
    2016-09-05 22:17:21

    试了一下,去掉if判断句之后,是可以输出所有title标签的,就是复制的你下面的代码,你可以再试一下

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题