HTML DOM getElementsByTagName() 方法

HTML DOM Document对象

getElementsByTagName()方法可返回带有指定标签名的对象的集合。

返回列表中的元素按照它们在源代码中出现的顺序进行排序。

可以通过索引号访问返回的列表。索引从0开始。

使用数组的length属性确定具有指定标签名称的元素数,然后可以遍历所有元素并提取所需的信息。

语法:

document.getElementsByTagName(tag)
var x = document.getElementsByTagName("p");
测试看看‹/›

浏览器兼容性

所有浏览器完全支持getElementsByTagName()方法:

Method
getElementsByTagName()

参数值

参数描述
tag您要获取的元素的标签名称。

技术细节

返回值:返回具有指定标签名称的所有元素的类似数组的对象
DOM版本:DOM级别1

更多实例

更改文档中所有段落元素的背景色:

var x = document.getElementsByTagName("p");
for(let i = 0; i < x.length; i++) {
   x[i].style.backgroundColor = "coral";
}
测试看看‹/›

相关参考

DOM Document querySelector()方法

DOM Document querySelectorAll()方法

DOM Document getElementById()方法

DOM Document getElementsByClassName()方法

HTML DOM Document对象