Metoda getElementsByClassName
Metoda getElementsByClassName permite
obținerea elementelor paginii după clasa lor,
definită în atributul
class. Cu elementele obținute se pot
efectua diverse manipulări:
schimbarea textului, atributelor, stilurilor CSS și așa mai departe.
Sintaxă
document.getElementsByClassName(numele clasei);
Exemplu
Haideți să obținem toate elementele cu clasa www
și să le schimbăm textul folosind proprietatea 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 = '!!!';
}
Rezultatul executării codului:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Vezi și
-
metoda
querySelectorAll,
care obține un grup de elemente după selector -
metoda
getElementsByTagName,
care obține un grup de elemente după tag
