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ă
document.querySelectorAll(selector);
Exemplu
Să obținem toate elementele cu clasa www
și să le schimbăm textul folosind proprietatea textContent:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
elem.textContent = '!!!';
}
Rezultatul executării codului:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Vedeți și
-
metoda
querySelector,
care obține un element după selector -
metoda
getElementsByClassName,
care obține un grup de elemente după clasă -
metoda
getElementsByTagName,
care obține un grup de elemente după tag
