码迷,mamicode.com
首页 > 其他好文 > 详细

getAttribute()方法的使用小笔记

时间:2016-05-30 23:11:18      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:

今天在某课网上复习js,突然卡在一个小例子上。反复做了几遍就是报错。终于查询w3c才找到错误的源头。

这里记录一下,谨防以后又忘了。

错误码:

<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>

正确码:

<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> 

注意使用getAttribute()方法时,获取的标签元素必须标记下标。getAttribute()把元素看做一个数组。若不写下标getAttribute()报错。

getAttribute()方法的使用小笔记

标签:

原文地址:http://www.cnblogs.com/MirageFox/p/5544050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!