Metoda querySelectorAll

Metoda querySelectorAll permite obținerea elementelor paginii după un selector CSS arbitrar. Cu elementele obținute se pot efectua diverse manipulări: schimbarea textului, atributelor, stilurilor CSS și așa mai departe.

Sintaxă

javascriptdocument.querySelectorAll(selector);

Exemplu

Să obținem toate elementele cu clasa www și să le schimbăm textul folosind proprietatea textContent:

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

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

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

Rezultatul executării codului:

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

Vedeți și