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ė

javascriptdocument.getElementsByClassName(klasės pavadinimas);

Pavyzdys

Gaukime visus elementus su klase www ir pakeiskime jų tekstą naudodami savybę innerHTML:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

Kodo vykdymo rezultatas:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Taip pat žiūrėkite