querySelectorAll metode
Metode querySelectorAll ļauj iegūt
lapas elementus pēc patvaļīga CSS selektora.
Ar iegūtajiem elementiem varēs veikt
darbības: mainīt
to tekstu, atribūtus, CSS stilus un tā tālāk.
Sintakse
document.querySelectorAll(selektors);
Piemērs
Iegūsim visus elementus ar klasi www
un izmainīsim tiem tekstu, izmantojot īpašību 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 = '!!!';
}
Koda izpildes rezultāts:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Skatiet arī
-
metode
querySelector,
kura iegūst elementu pēc selektora -
metode
getElementsByClassName,
kura iegūst elementu grupu pēc klases -
metode
getElementsByTagName,
kura iegūst elementu grupu pēc taga
