码农教程 - 一技在手,衣食无忧! tools

目录

HTML DOM 文档 getElementsByTagName()

❮上一节 ❮ 文档对象参考 下一节❯

示例

获取标签名称为 "li" 的所有元素：

const collection = document.getElementsByTagName("li");
亲自试一试 »

获取文档中的所有元素：

const collection = document.getElementsByTagName("*");
亲自试一试 »

更改文档中第一个 <p> 元素的内部 HTML：

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
亲自试一试 »

下面有更多示例。

描述

这个getElementsByTagName()方法返回具有指定标签名称的所有元素的集合。

这个getElementsByTagName()方法返回一个HTML集合。

这个getElementsByTagName()属性是只读的。

笔记

getElementsByTagName("*")返回文档中的所有元素。

HTML集合

一个HTML集合是 HTML 元素的类似数组的集合（列表）。

集合中的元素可以通过索引（从 0 开始）访问。

长度属性返回集合中元素的数量。

也可以看看：

getElementById() 方法

getElementsByClassName() 方法

querySelector() 方法

querySelectorAll() 方法

HTMLCollection 对象

语法

document.getElementsByTagName( tagname)

参数

Parameter Description
tagname Required.
The tagname of the elements.

返回值

类型 描述
对象 HTML 集合目的。
具有指定标签名称的元素的集合。
元素按照它们在文档中出现的方式进行排序。

更多示例

文档中 <li> 元素的数量：

let numb = document.getElementsByTagName("li").length;
亲自试一试 »

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

const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}
亲自试一试 »

相关页面

JavaScript 参考：元素.getElementsByTagName()

JavaScript 教程：JavaScript HTML DOM 节点列表

浏览器支持

document.getElementsByTagName()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11


❮上一节 ❮ 文档对象参考 下一节❯