【Dongle】【JavaScript】getElementsByTagName

来源:互联网 发布:管家婆sql下载 编辑:程序博客网 时间:2024/05/22 15:57

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。


语法

     document.getElementsByTagName(tagname)


说明

      getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

     如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。


提示和注释

     注释:传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

实例

HTML页面

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>DOM操作表格及样式</title><script type="text/javascript" src ="demo1.js"></script ></head><body><table  border="1" width="300px"><caption>人员表</caption><thead><tr><th>姓名</th><th>性别</th><th>年龄</th></tr></thead><tbody><tr><td>Dongle</td><td>男</td><td>23</td></tr><tr><td>Tracy</td><td>女</td><td>21</td></tr></tbody><tfoot><tr><td colspan="3">合计:N</td></tr></tfoot></table></body></html>

JavaScript

window .onload=function(){var table = document.getElementsByTagName("table")[0];  //加载中的table集合的第一个tablealert(table.rows.length);//获取table行数};

结果

    
      

注意

     document.getElementsByTagName("table")[0];
    其中,方法是getElementsByTagName,不要因为手误写成getElementByTagName,由于我使用的是NotePad++,这个错误根本没有提示出来,导致我都蒙圈了……现在看了,好的编程软件是非常有必要的。当然如果我们对于编程语言都特别熟悉的话,那就另当别论了!
       

0 0