querySelectorAll-metodi

Metodi querySelectorAll mahdollistaa sivun elementtien hakemisen minkä tahansa CSS-valitsimen perusteella. Löydetyillä elementeillä voidaan suorittaa erilaisia manipulointeja: muuttaa niiden tekstiä, attribuutteja, CSS-tyylejä ja niin edelleen.

Syntaksi

javascriptdocument.querySelectorAll(valitsin);

Esimerkki

Haetaan kaikki elementit, joilla on luokka www ja muutetaan niiden teksti ominaisuuden textContent avulla:

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 = '!!!';
}

Koodin suorituksen tulos:

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

Katso myös