Metoda getElementsByClassName

Metoda getElementsByClassName omogoča pridobivanje elementov strani po njihovem razredu, določenem v atributu class. S pridobljenimi elementi lahko izvajate različne manipulacije: spreminjate njihovo besedilo, atribute, CSS sloge in tako naprej.

Sintaksa

javascriptdocument.getElementsByClassName(ime razreda);

Primer

Pridobimo vse elemente z razredom www in spremenimo njihovo besedilo z lastnostjo innerHTML:

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

Rezultat izvajanja kode:

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

Glejte tudi