轻松上手,快乐学习!

HTML DOM getElementsByTagName() 方法


实例

使用指定的标记名获取文档中的所有元素:

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

页面下方有更多实例。


定义和用法

getElementsByTagName() 方法以 HTMLCollection 对象的形式返回文档中具有指定标记名的所有元素的集合。

HTMLCollection 对象表示节点的集合。这些节点可以通过索引号访问。索引从0开始。

提示: 参数值 "*" 返回文档中的所有元素。

提示: 可以使用 HTMLCollection 对象的 length 属性来确定具有指定标记名的元素的数量,然后可以循环遍历所有元素并提取所需的信息。


浏览器支持

表中的数字表示支持该方法的第一个浏览器版本。

方法
getElementsByTagName() 1.0 6.0 3.0 3.0 9.5

语法

document.getElementsByTagName(tagname)

参数值

参数 类型 描述
tagname String 必需。要获取的元素的标记名

技术细节

DOM 版本: Core Level 1 Document Object
返回值: HTMLCollection 对象,表示具有指定标记名的元素集合。返回集合中的元素按其在源代码中的显示进行排序。

更多实例

实例

找出文档中有多少 <li> 元素(使用 HTMLCollection 对象的 length 属性):

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

实例

更改文档中第一个 <p> 元素(索引0)的 HTML 内容:

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 参考手册: element.getElementsByTagName()

HTML DOM 参考手册: HTMLCollection Object

JavaScript 教程: JavaScript HTML DOM Node List