HTML DOM getElementsByTagName() 方法
页面下方有更多实例。
定义和用法
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 i;
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "red";
}
相关页面
JavaScript 参考手册: element.getElementsByTagName()
HTML DOM 参考手册: HTMLCollection Object
JavaScript 教程: JavaScript HTML DOM Node List