HTML DOM getElementsByClassName() 方法

HTML DOM Element 對象

element.getElementsByClassName()返回一個包含了所有指定類名的子元素的類數(shù)組對象。當在document對象上調(diào)用時，會搜索整個DOM文檔，包含根節(jié)點。你也可以在任意元素上調(diào)用getElementsByClassName() 方法，它將返回的是以當前元素為根節(jié)點，所有指定類名的子元素。

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

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

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

所述document.getElementsByClassName()方法的工作原理基本上相同的方式，只是它作用于整個文檔，開始于文檔根。

語法：

element.getElementsByClassName(class)

var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";

瀏覽器兼容性

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

方法
getElementsByClassName()	是	是	是	是	是

參數(shù)值

技術(shù)細節(jié)

相關(guān)參考

CSS教程CSS語法

CSS參考CSS .class選擇器

HTML DOM參考className屬性

HTML DOM參考classList屬性

HTML DOM參考document.getElementsByClassName()方法

HTML DOM參考element.getElementsByTagName()方法

HTML DOM Element 對象