Metóda querySelector

Metóda querySelector umožňuje získať element stránky podľa ľubovoľného CSS selektora. S získaným elementom je možné vykonávať rôzne manipulácie: meniť jeho text, atribúty, CSS štýly a podobne.

Syntax

javascriptdocument.querySelector(selektor);

Príklad

Získajme odsek #elem a zmeňme mu text pomocou textContent:

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

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

Výsledok vykonania kódu:

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

Príklad

Získajme odsek s triedou elem a zmeňme mu text:

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

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

Výsledok vykonania kódu:

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

Pozrite tiež