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ă

javascriptdocument.getElementsByClassName(numele clasei);

Exemplu

Haideți să obținem toate elementele cu clasa www și să le schimbăm textul folosind proprietatea 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 = '!!!';
}

Rezultatul executării codului:

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

Vezi și