Metodas getElementsByClassName
Metodas getElementsByClassName leidžia
gauti puslapio elementus pagal jų klasę,
nurodytą atribute
class. Su gautais elementais galima
atlikti įvairias manipuliacijas:
keisti jų tekstą, atributus, CSS stilius ir pan.
Sintaksė
document.getElementsByClassName(klasės pavadinimas);
Pavyzdys
Gaukime visus elementus su klase www
ir pakeiskime jų tekstą naudodami savybę 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 = '!!!';
}
Kodo vykdymo rezultatas:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Taip pat žiūrėkite
-
metodas
querySelectorAll,
kuris gauna elementų grupę pagal selektorių -
metodas
getElementsByTagName,
kuris gauna elementų grupę pagal tag'ą