querySelector metode
Metode querySelector ļauj iegūt
lapas elementu pēc patvaļīga CSS
selektora. Ar iegūto elementu varēs veikt
dāžādas manipulācijas: mainīt tā tekstu,
atribūtus, CSS stilus un tā tālāk.
Sintakse
document.querySelector(selektors);
Piemērs
Iegūsim rindkopu #elem un mainīsim
tās tekstu, izmantojot textContent:
<p id="elem">teksts</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Koda izpildes rezultāts:
<p id="elem">!!!</p>
Piemērs
Iegūsim rindkopu ar klasi elem
un mainīsim tās tekstu:
<p class="elem">teksts</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Koda izpildes rezultāts:
<p id="elem">!!!</p>
Skatiet arī
-
metodi
getElementById,
kas iegūst elementu pēcid -
metodi
querySelectorAll,
kas iegūst elementu grupu pēc selektora
