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

javascriptdocument.querySelector(selector);

Voorbeeld

Laten we de alinea #elem ophalen en de tekst wijzigen met behulp van textContent:

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

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

Resultaat van de uitgevoerde code:

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

Voorbeeld

Laten we de alinea met de klasse elem ophalen en de tekst wijzigen:

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

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

Resultaat van de uitgevoerde code:

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

Zie ook