Metóda querySelectorAll
Metóda querySelectorAll umožňuje získať
elementy stránky podľa ľubovoľného CSS selektora.
S získanými elementami je možné
vykonávať rôzne manipulácie: meniť
ich text, atribúty, CSS štýly a podobne.
Syntax
document.querySelectorAll(selektor);
Príklad
Získajme všetky elementy s triedou www
a zmeňme im text pomocou vlastnosti 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 = '!!!';
}
Výsledok vykonania kódu:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Pozrite tiež
-
metóda
querySelector,
ktorá získava element podľa selektora -
metóda
getElementsByClassName,
ktorá získava skupinu elementov podľa triedy -
metóda
getElementsByTagName,
ktorá získava skupinu elementov podľa tagu
