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
document.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 :
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Résultat de l'exécution du code :
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Voir aussi
-
la méthode
querySelectorAll,
qui obtient un groupe d'éléments par sélecteur -
la méthode
getElementsByTagName,
qui obtient un groupe d'éléments par balise
