Méthode getElementsByClassName

La méthode getElementsByClassName permet d'obtenir des éléments de page par leur classe, définie dans l'attribut class. Avec les éléments obtenus, il sera possible d'effectuer diverses manipulations : changer leur texte, attributs, styles CSS et ainsi de suite.

Syntaxe

javascriptdocument.getElementsByClassName(nom de classe);

Exemple

Obtenons tous les éléments avec la classe www et modifions leur texte à l'aide de la propriété innerHTML :

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

Résultat de l'exécution du code :

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Voir aussi