getElementsByTagName() 方法可返回帶有指定標簽名的對象的集合。
語法:
document.getElementsByTagName(tagname)
getElementsByTagName() 方法返回元素的順序是它們在文檔中的順序。
如果把特殊字符串 "*" 傳遞給 getElementsByTagName() 方法,它將返回文檔中所有元素的列表,元素排列的順序就是它們在文檔中的順序。
注釋:傳遞給 getElementsByTagName() 方法的字符串可以不辨別大小寫。
例子1:
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input")
;
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />
</body>
</html>
:例子2:
可以用 getElementsByTagName() 方法獲得任何類型的 HTML 元素的列表。例如,下面的代碼可獲得文檔中所有的表:
var tables = document.getElementsByTagName("table")
;
alert ("This document contains " + tables.length + " tables");
例子3:
可使用 getElementsByTagName() 方法獲得文檔中的1個特定的元素。例如,下面的代碼可以取得文檔中的第4個段落:
var myParagragh = document.getElementsByTagName("p")[3]
;
如果需要操作某個特定的元素,使用 getElementById() 方法將更加有效。