Metoda querySelectorAll
Metoda querySelectorAll pozwala pobrać
elementy strony po dowolnym selektorze
CSS. Na pobranych elementach można będzie
wykonywać różne manipulacje: zmieniać
ich tekst, atrybuty, style CSS i tak dalej.
Składnia
document.querySelectorAll(selektor);
Przykład
Pobierzmy wszystkie elementy z klasą www
i zmieńmy im tekst za pomocą właściwości 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 = '!!!';
}
Wynik wykonania kodu:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Zobacz także
-
metoda
querySelector,
która pobiera element po selektorze -
metoda
getElementsByClassName,
która pobiera grupę elementów po klasie -
metoda
getElementsByTagName,
która pobiera grupę elementów po tagu
