Metoda querySelectorAll
Metoda querySelectorAll umožňuje získat
elementy stránky podle libovolného CSS
selektoru. Se získanými elementy pak lze
provádět různé manipulace: měnit
jejich text, atributy, CSS styly a tak dále.
Syntaxe
document.querySelectorAll(selektor);
Příklad
Získejme všechny elementy s třídou www
a změňme jim text pomocí 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ýsledek provedení kódu:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Viz také
-
metoda
querySelector,
která získá element podle selektoru -
metoda
getElementsByClassName,
která získá skupinu elementů podle třídy -
metoda
getElementsByTagName,
která získá skupinu elementů podle tagu
