Metoden querySelectorAll

Metoden querySelectorAll låter dig hämta element på en webbsida med valfri CSS-selektor. Med de hämtade elementen kan du utföra olika manipulationer: ändra deras text, attribut, CSS-stilar och så vidare.

Syntax

javascriptdocument.querySelectorAll(selektor);

Exempel

Låt oss hämta alla element med klassen www och ändra deras text med egenskapen 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 av kodkörningen:

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

Se även