最新的Web开发教程
 

HTML DOM getElementsByTagName() Method

<文档对象

例

获取与指定的标签名称文档中的所有元素：

var x = document.getElementsByTagName("LI");
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

所述getElementsByTagName()方法返回与指定标签名的文档中的所有元素的集合，作为一个节点列表对象。

该节点列表对象表示节点的集合。 节点可以通过索引号来访问。 该指数从0开始。

提示：的parameterValue "*"返回文档中的所有元素。

提示：您可以使用长度的NodeList对象的属性来确定与指定标签名称的元素数量，那么你可以通过所有元素循环和提取所需的信息。

浏览器支持

在表中的数字规定，完全支持方法的第一个浏览器版本。

方法
getElementsByTagName() 1.0 6 3.0 3.0 9.5

句法

document.getElementsByTagName( tagname )

参数值

参数 类型 描述
tagname String 需要。 你想获得的元素的标记名

技术细节

DOM版本： 核心1级文档对象
返回值： 甲NodeList对象，表示与指定的标签名称元素的集合。 当它们出现在源代码中返回的集合中的元素进行排序。
例子

更多示例

例

了解有多少<li>元件有在文档中（使用NodeList对象的长度属性）：

var x = document.getElementsByTagName("LI").length;
试一试»

例

改变第一的HTML内容<p>元素(index 0)的文档中：

document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
试一试»

例

改变所有的背景颜色<p>所述文档中的元素：

var x = document.getElementsByTagName("P");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "red";
}
试一试»

例

使用"*"参数。

获取文档中的所有元素：

var x = document.getElementsByTagName("*");
试一试»

相关页面

javascript参考： 元素 。 getElementsByTagName()

JavaScript的教程： JavaScript的HTML DOM节点列表

<文档对象