Metoda querySelector
Metoda querySelector omogoča pridobitev
elementa strani po poljubnem CSS selektorju.
S pridobljenim elementom lahko izvajate
različne manipulacije: spreminjate njegovo besedilo,
atribute, CSS sloge in tako naprej.
Sintaksa
document.querySelector(selektor);
Primer
Pridobimo odstavek #elem in spremenimo
njegovo besedilo z textContent:
<p id="elem">besedilo</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Rezultat izvajanja kode:
<p id="elem">!!!</p>
Primer
Pridobimo odstavek z razredom elem
in spremenimo njegovo besedilo:
<p class="elem">besedilo</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Rezultat izvajanja kode:
<p id="elem">!!!</p>
Glejte tudi
-
metoda
getElementById,
ki pridobi element poid -
metoda
querySelectorAll,
ki pridobi skupino elementov po selektorju