Méthode querySelectorAll

La méthode querySelectorAll permet d'obtenir les éléments de la page par un sélecteur CSS arbitraire. Avec les éléments obtenus, il sera possible d'effectuer diverses manipulations : changer leur texte, leurs attributs, leurs styles CSS et ainsi de suite.

Syntaxe

document.querySelectorAll(sélecteur);

Exemple

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

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

let elems = document.querySelectorAll('.www');

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

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

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

Voir aussi

méthode querySelector,
qui obtient un élément par sélecteur
méthode getElementsByClassName,
qui obtient un groupe d'éléments par classe
méthode getElementsByTagName,
qui obtient un groupe d'éléments par balise