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
document.querySelector(selecteur);
Exemple
Obtenons le paragraphe #elem et changeons
son texte avec textContent :
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Résultat de l'exécution du code :
<p id="elem">!!!</p>
Exemple
Obtenons le paragraphe avec la classe elem
et changeons son texte :
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Résultat de l'exécution du code :
<p id="elem">!!!</p>
Voir aussi
-
la méthode
getElementById,
qui obtient un élément parid -
la méthode
querySelectorAll,
qui obtient un groupe d'éléments par sélecteur
