HTML DOM getElementsByClassName() 方法

getElementsByClassName()方法可以获取具有指定class属性值的元素，返回值是一个集合。

返回列表中的元素按照它们在源代码中出现的顺序进行排序。

可以通过索引号访问返回的列表。索引从0开始。

使用数组的length属性确定具有指定类名的元素数，然后可以遍历所有元素并提取所需的信息。

语法：

document.getElementsByClassName(class)

Beispiel

var x = document.getElementsByClassName("demo");

所有浏览器完全支持getElementsByClassName()方法：

方法
getElementsByClassName()	是	是	是	是	是

参数	描述
class	一个字符串，表示要获取的元素的类名称。要搜索多个类名，请用空格分隔它们，例如“demo color”。

返回值：	返回具有所有给定类名的所有子元素的类似数组的对象。
DOM-Version:	DOM-Stufe1

Verwenden Sie die Klassen "demo" und "color", um alle Elemente zu erhalten:

Beispiel

var x = document.getElementsByClassName("demo color");

Verwenden Sie class="demo", um die Hintergrundfarbe aller Elemente zu ändern:

Beispiel

var x = document.getElementsByClassName("demo");
for (let i = 0; i < x.length; i++) {
　　　x[i].style.backgroundColor = "coral";
}

DOM Document querySelector()Methoden

DOM Document querySelectorAll()Methoden

DOM Document getElementById()Methoden