HTML DOM getElementsByClassName() 方法

HTML DOM Element 對(duì)象

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

返回列表中的元素按照它們?cè)谠创a中出現(xiàn)的順序進(jìn)行排序。

可以通過(guò)索引號(hào)訪問(wèn)返回的列表。索引從0開(kāi)始。

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

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

語(yǔ)法：

element.getElementsByClassName(class)

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

瀏覽器兼容性

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

方法
getElementsByClassName()	是	是	是	是	是

參數(shù)值

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

相關(guān)參考

CSS教程CSS語(yǔ)法

CSS參考CSS .class選擇器

HTML DOM參考className屬性

HTML DOM參考classList屬性

HTML DOM參考document.getElementsByClassName()方法

HTML DOM參考element.getElementsByTagName()方法

HTML DOM Element 對(duì)象