例
改变第一的HTML内容<li>元素(index 0)中的列表：
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
更改文本之前：
- Coffee
- Tea
改变后的文字：
- Milk
- Tea
试一试» 定义和用法
的getElementsByTagName()方法返回一个元素与指定标签名的子元素的集合，作为一个NodeList对象。
该节点列表对象表示节点的集合。 节点可以通过索引号来访问。 该指数从0开始。
提示：您可以使用长度的NodeList对象的属性来确定与指定标签名称的子节点的数量，那么你可以通过所有节点的循环，并提取所需的信息。
提示：的parameterValue "*"返回所有元素的子元素。
浏览器支持
在表中的数字规定，完全支持方法的第一个浏览器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6 | 3.0 | 3.0 | 9.5 |
句法
element .getElementsByTagName( tagname )参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| tagname | String | 需要。 你想获得的子元素的标记名 |
技术细节
| DOM版本 | 核心1级元素对象 |
|---|---|
| 返回值： | 一个NodeList对象，表示与指定的标记元素的子元素的集合。 当它们出现在源代码中返回的集合中的元素进行排序。 |
更多示例
例
了解有多少<p>元素有一个内部<div>元件（使用NodeList对象的长度属性）：
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;x的结果将是：
3 试一试» 例
改变第二的背景颜色<p>元素(index 1)一个内部<div>元素：
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor
= "red"; 试一试» 例
改变所有的背景颜色<p>一内部元件<div>元素：
var x = document.getElementById("myDIV");
var y =
x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++)
{
y[i].style.backgroundColor = "red";
} 试一试» 例
改变所述第四元件的背景颜色(index 3)一个内部<div>元素：
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参考： 文件。 getElementsByTagName()
JavaScript的教程： JavaScript的HTML DOM节点列表