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
document.querySelector(selektor);
Príklad
Získajme odsek #elem a zmeňme
mu text pomocou textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Výsledok vykonania kódu:
<p id="elem">!!!</p>
Príklad
Získajme odsek s triedou elem
a zmeňme mu text:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Výsledok vykonania kódu:
<p id="elem">!!!</p>
Pozrite tiež
-
metóda
getElementById,
ktorá získava element podľaid -
metóda
querySelectorAll,
ktorá získava skupinu elementov podľa selektora
