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

document.querySelectorAll(valitsin);

Esimerkki

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

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

Koodin suorituksen tulos:

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

Katso myös

metodi querySelector,
joka hakee elementin valitsimen perusteella
metodi getElementsByClassName,
joka hakee elementtiryhmän luokan perusteella
metodi getElementsByTagName,
joka hakee elementtiryhmän tagin perusteella