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

javascriptdocument.getElementsByClassName(luokan nimi);

Esimerkki

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

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

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

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

Koodin suorituksen tulos:

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

Katso myös