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