javascriptgetElementsByTagName
2023-06-13 09:14:26 时间
functiongetElementsByTagName(node,tagName){
varelements=[],i=0,anyTag=tagName==="*",next=node.firstChild;
while((node=next)){
if(anyTag?node.nodeType===1:node.nodeName===tagName)elements[i++]=node;
next=node.firstChild||node.nextSibling;
while(!next&&(node=node.parentNode))next=node.nextSibling;
}
returnelements;
};
定义和用法
getElementsByTagName()方法可返回带有指定标签名的对象的集合。
语法
document.getElementsByTagName(tagname)
说明
getElementsByTagName()方法返回元素的顺序是它们在文档中的顺序。
如果把特殊字符串"*"传递给getElementsByTagName()方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。
提示和注释
注释：传递给getElementsByTagName()方法的字符串可以不区分大小写。
实例
例子1
<html>
<head>
<scripttype="text/javascript">
functiongetElements()
{
varx=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<inputname="myInput"type="text"size="20"/><br/>
<inputname="myInput"type="text"size="20"/><br/>
<inputname="myInput"type="text"size="20"/><br/>
<br/>
<inputtype="button"onclick="getElements()"
value="Howmanyinputelements?"/>
</body>
</html>
例子2
可以用getElementsByTagName()方法获取任何类型的HTML元素的列表。例如，下面的代码可获取文档中所有的表：
vartables=document.getElementsByTagName("table");
alert("Thisdocumentcontains"+tables.length+"tables");
例子3
如果您非常了解文档的结构，也可以使用getElementsByTagName()方法获取文档中的一个特定的元素。例如，下面的代码可以获得文档中的第四个段落：
varmyParagragh=document.getElementsByTagName("p")[3];
不过，我们还是认为，如果您需要操作某个特定的元素，使用getElementById()方法将更为有效。