Metoda querySelector
Metoda querySelector umožňuje získat
element stránky podle libovolného CSS
selektoru. Se získaným elementem lze poté
provádět různé manipulace: měnit jeho text,
atributy, CSS styly a tak dále.
Syntaxe
document.querySelector(selektor);
Příklad
Získejme odstavec #elem a změňme
mu text pomocí textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Výsledek provedení kódu:
<p id="elem">!!!</p>
Příklad
Získejme odstavec s třídou elem
a změňme mu text:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Výsledek provedení kódu:
<p id="elem">!!!</p>
Viz také
-
metoda
getElementById,
která získá element podleid -
metoda
querySelectorAll,
která získá skupinu elementů podle selektoru
