HTML DOM getElementsByClassName() 方法

getElementsByClassName()方法可以獲取具有指定class屬性值的元素，返回值是一個(gè)集合。

返回列表中的元素按照它們在源代碼中出現(xiàn)的順序進(jìn)行排序。

可以通過索引號訪問返回的列表。索引從0開始。

使用數(shù)組的length屬性確定具有指定類名的元素?cái)?shù)，然后可以遍歷所有元素并提取所需的信息。

語法：

document.getElementsByClassName(class)

示例

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

所有瀏覽器完全支持getElementsByClassName()方法：

Method
getElementsByClassName()	是	是	是	是	是

參數(shù)	描述
class	一個(gè)字符串，表示要獲取的元素的類名稱。要搜索多個(gè)類名，請用空格分隔它們，例如“demo color”。

返回值：	返回具有所有給定類名的所有子元素的類似數(shù)組的對象。
DOM版本：	DOM級別1

使用“ demo”和“ color”類獲取所有元素：

示例

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

使用class="demo"更改所有元素的背景顏色：

示例

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