Méthode querySelector

La méthode querySelector permet d'obtenir un élément de la page par un sélecteur CSS arbitraire. Avec l'élément obtenu, il sera possible d'effectuer diverses manipulations : changer son texte, ses attributs, ses styles CSS et ainsi de suite.

Syntaxe

javascriptdocument.querySelector(selecteur);

Exemple

Obtenons le paragraphe #elem et changeons son texte avec textContent :

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Exemple

Obtenons le paragraphe avec la classe elem et changeons son texte :

html<p class="elem">text</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Voir aussi