Metod querySelectorAll
Metod querySelectorAll omogućava dobijanje
elemenata stranice po proizvoljnom
CSS selektoru. Sa dobijenim elementima moći ćete
da vršite razne manipulacije: da menjate
njihov tekst, atribute, CSS stilove i tako dalje.
Sintaksa
document.querySelectorAll(selektor);
Primer
Hajde da dobijemo sve elemente sa klasom www
i da im promenimo tekst koristeći svojstvo textContent:
<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 = '!!!';
}
Rezultat izvršavanja koda:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Pogledajte takođe
-
metod
querySelector,
koji dobija element po selektoru -
metod
getElementsByClassName,
koji dobija grupu elemenata po klasi -
metod
getElementsByTagName,
koji dobija grupu elemenata po tagu