De querySelectorAll Methode

De methode querySelectorAll maakt het mogelijk om paginaelementen op te halen aan de hand van een willekeurige CSS-selector. Met de verkregen elementen kunnen vervolgens verschillende manipulaties worden uitgevoerd: hun tekst, attributen, CSS-stijlen, enzovoort wijzigen.

Syntaxis

document.querySelectorAll(selector);

Voorbeeld

Laten we alle elementen met de klasse www ophalen en hun tekst wijzigen met behulp van de eigenschap 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 = '!!!';
}

Resultaat van de uitgevoerde code:

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

Zie ook

methode querySelector,
die een element ophaalt op basis van een selector
methode getElementsByClassName,
die een groep elementen ophaalt op basis van klasse
methode getElementsByTagName,
die een groep elementen ophaalt op basis van tag