JavaScript Element getElementsByTagName() 方法

getElementsByTagName()方法返回具有指定标记名称的元素的子元素的集合，作为NodeList对象。NodeList对象表示节点的集合。可以通过索引号访问节点。索引从0开始。

提示：您可以使用NodeList对象的length属性来确定具有指定标记名称的子节点数，然后您可以遍历所有节点并提取所需的信息。

提示：参数值“*”返回元素的所有子元素。

实例：

更改列表中第一个<li>元素（索引0）的HTML内容：

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
方法
getElementsByTagName()	6.0+	1.0+	3.0+	3.0+	9.5+

语法

element.getElementsByTagName(tagname)

参数值

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

技术细节

项目	描述
返回值：	NodeList对象，表示具有指定标记名的元素子元素的集合。返回集合中的元素按照它们在源代码中的显示进行排序。
DOM版本	Core Level 1

更多例子

找出<div>元素中有多少<p>元素（使用NodeList对象的length属性）

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

尝试一下

更改<div>元素中第二个<p>元素（索引1）的背景颜色：

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";

尝试一下

更改<div>元素内所有<p>元素的背景颜色：

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

尝试一下

更改<div>元素中第四个元素（索引3）的背景颜色：

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
}

尝试一下

使用“*”参数。更改<div>元素内所有元素的背景颜色：

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
  y[i].style.backgroundColor = "red";
}

尝试一下

JavaScript Element getElementsByTagName() 方法

JavaScript Element getElementsByTagName() 方法

浏览器支持

语法

参数值

技术细节

更多例子

相关页面