document.getElementByTagName的用法

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" οnclick="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() 方法获取文档中的一个特定的元素。例如，下面的代码可以获得文档中的第四个段落：

var myParagragh = document.getElementsByTagName("p")[3];

不过，我们还是认为，如果您需要操作某个特定的元素，使用 getElementById() 方法将更为有效。

TIY

document.getElementByTagName的用法相关推荐

document.getElementByTagName()的用法
document.getElementByTagName()取得相同标签内文本框内容 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran ...
document.getElementByName()的用法
document.getElementByTagName()的用法,用来取得相同name名称的内容 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...
html dom createevent,js 中 document.createEvent的用法
js 中 document.createEvent的用法更新时间:2010年08月29日 23:22:02 作者: 用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象. ...
JavaScript：document.execCommand()的用法
document.execCommand()的用法小记一.语法 execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令.处理Html数据时常用. 如下格式:document.ex ...
js 中 document.createEvent的用法-转载
js 中 document.createEvent的用法 <a class="comment-mod" οnclick="alert('ss')" hre ...
document.createElement()的用法
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节 ...
document.execCommand()的用法小记
document.execCommand()的用法小记首先要说明的是在firefox下支持不好. 2D-Position 允许通过拖曳移动绝对定位的对象. AbsolutePosition 设定元 ...
linux中here文档,Linux下Bash Heredoc（Here document）的用法及基本示例
本文讲解在Linux操作系统下Bash Heredoc(Here document)的用法,及基本的Heredoc示例.将Heredoc和SSH一起使用. 简介在编写shell脚本时,您可能需要将多 ...
document.location的用法实例（摘抄自博客园--KoMiles，自己学习的时候记录一下）...
<head><title>document.location </title></head><body><b>document. ...