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

javascriptdocument.querySelector(selektor);

Příklad

Získejme odstavec #elem a změňme mu text pomocí textContent:

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Výsledek provedení kódu:

html<p id="elem">!!!</p>

Příklad

Získejme odstavec s třídou elem a změňme mu text:

html<p class="elem">text</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Výsledek provedení kódu:

html<p id="elem">!!!</p>

Viz také