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 .οnlοad=function(){
var table = document.getElementsByTagName("table")[0]; //加载中的table集合的第一个table
alert(table.rows.length);//获取table行数
};
结果
注意
document.getElementsByTagName("table")[0];
其中,方法是getElementsByTagName,不要因为手误写成getElementByTagName,由于我使用的是NotePad++,这个错误根本没有提示出来,导致我都蒙圈了……现在看了,好的编程软件是非常有必要的。当然如果我们对于编程语言都特别熟悉的话,那就另当别论了!