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

javascriptdocument.querySelectorAll(selector);

Eksempel

Lad os få alle elementer med klassen www og ændre deres tekst ved hjælp af egenskaben textContent:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  elem.textContent = '!!!';
}

Resultatet af udførelsen af koden:

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

Se også