Metoden querySelectorAll

Metoden querySelectorAll giver mulighed for at få elementer på siden via en vilkårlig CSS-selector. Med de modtagne elementer kan du udføre forskellige manipulationer: ændre deres tekst, attributter, CSS-stil og så videre.

Syntaks

document.querySelectorAll(selector);

Eksempel

Lad os få alle elementer med klassen www og ændre deres tekst ved hjælp af egenskaben 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 = '!!!';
}

Resultatet af udførelsen af koden:

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

Se også

metoden querySelector,
som henter et element via en selector
metoden getElementsByClassName,
som henter en gruppe elementer efter klasse
metoden getElementsByTagName,
som henter en gruppe elementer efter tag