HTML DOM 元素 getElementsByClassName()

使用 class="child" 更改第一个列表项的文本：

const list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";

"myDIV" 中 class="child" 的元素数量：

const element = document.getElementById("myDIV");
const nodes = element.getElementsByClassName("child");
let number = nodes.length;

使用 class="child" 更改第二个元素的大小：

const element = document.getElementById("myDIV");
element.getElementsByClassName("child")[1].style.fontSize = 24px";

下面有更多示例。

描述

这个getElementsByClassName()方法返回具有给定类名的子元素的集合。

这个getElementsByClassName()方法返回一个节点列表目的。

节点列表是一个类似数组的节点集合（列表）。

链表中的节点可以通过索引来访问。索引从 0 开始。

长度波珀蒂返回列表中的节点数。

element.getElementsByClassName( classname)

Parameter	Description
classname	Required. The class name of the child elements. Separate multiple names with spaces ("child color").

类型	描述
节点列表	具有给定类名的元素的子元素。元素按照它们在源代码中出现的方式进行排序。

element.getElementsByClassName()是 DOM Level 1 (1998) 功能。

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


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