getElementsByClassName-metodi
Metodi getElementsByClassName mahdollistaa
sivuston elementtien saamisen niiden luokan perusteella,
joka on määritetty attribuutissa
class. Saatujen elementtien kanssa voidaan
tehdä erilaisia manipulointeja:
muuttaa niiden tekstiä, attribuutteja, CSS-tyylejä ja niin edelleen.
Syntaksi
document.getElementsByClassName(luokan nimi);
Esimerkki
Haetaan kaikki elementit, joilla on luokka www
ja muutetaan niiden teksti ominaisuuden innerHTML avulla:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Koodin suorituksen tulos:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Katso myös
-
metodi
querySelectorAll,
joka hakee elementtiryhmän valitsimen perusteella -
metodi
getElementsByTagName,
joka hakee elementtiryhmän tagin perusteella
