Metoda querySelector
Metoda querySelector permite obținerea
unui element al paginii după un selector
CSS arbitrar. Cu elementul obținut se pot efectua
diverse manipulări: schimbarea textului său,
a atributelor, a stilurilor CSS și așa mai departe.
Sintaxă
document.querySelector(selector);
Exemplu
Haideți să obținem paragraful #elem și să îi schimbăm
textul folosind textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Rezultatul executării codului:
<p id="elem">!!!</p>
Exemplu
Haideți să obținem paragraful cu clasa elem
și să îi schimbăm textul:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Rezultatul executării codului:
<p id="elem">!!!</p>
Vedeți și
-
metoda
getElementById,
care obține un element dupăid -
metoda
querySelectorAll,
care obține un grup de elemente după selector
