Méthode getElementsByClassName() de HTML DOM

Objet Element HTML DOM

element.getElementsByClassName()返回一个包含了所有指定类名的子元素的类数组对象。当在document对象上调用时，会搜索整个DOM文档，包含根节点。你也可以在任意元素上调用getElementsByClassName() 方法，它将返回的是以当前元素为根节点，所有指定类名的子元素。

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

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

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

所述document.getElementsByClassName()Le principe de fonctionnement de la méthode est基本上同的方式，只是它作用于整个文档，开始于文档根。

Syntaxe :

element.getElementsByClassName(class)

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

Compatibilité navigateur

Tous les navigateurs prennent en charge intégralement la méthode getElementsByClassName() :

Valeur du paramètre

Détails techniques

Références associées

Tutoriel CSSSyntaxe CSS

Référence CSSCSS .classSélecteur

Référence HTML DOMPropriété className

Référence HTML DOMPropriété classList

Référence HTML DOMdocument.getElementsByClassName()Méthode

Référence HTML DOMelement.getElementsByTagName()Méthode

Objet Element HTML DOM