De querySelector Methode
De methode querySelector maakt het mogelijk om
een element van de pagina op te halen via een willekeurige CSS
selector. Met het verkregen element kunnen vervolgens
verschillende handelingen worden uitgevoerd: de tekst wijzigen,
attributen, CSS stijlen enzovoort.
Syntaxis
document.querySelector(selector);
Voorbeeld
Laten we de alinea #elem ophalen en de
tekst wijzigen met behulp van textContent:
<p id="elem">tekst</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultaat van de uitgevoerde code:
<p id="elem">!!!</p>
Voorbeeld
Laten we de alinea met de klasse elem
ophalen en de tekst wijzigen:
<p class="elem">tekst</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Resultaat van de uitgevoerde code:
<p id="elem">!!!</p>
Zie ook
-
methode
getElementById,
die een element ophaalt viaid -
methode
querySelectorAll,
die een groep elementen ophaalt via een selector
