Metoda getElementsByClassName
Metoda getElementsByClassName omogućava
dobijanje elemenata stranice po njihovoj klasi,
zadatoj u atributu
class. Sa dobijenim elementima moći će se
vršiti razne manipulacije:
menjati njihov tekst, atribute, CSS stilove i tako dalje.
Sintaksa
document.getElementsByClassName(ime klase);
Primer
Hajdemo da dobijemo sve elemente sa klasom www
i da im promenimo tekst koristeći svojstvo innerHTML:
<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 = '!!!';
}
Rezultat izvršavanja koda:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Pogledajte takođe
-
metoda
querySelectorAll,
koja dobija grupu elemenata po selektoru -
metoda
getElementsByTagName,
koja dobija grupu elemenata po tagu
