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ă

javascriptdocument.querySelector(selector);

Exemplu

Haideți să obținem paragraful #elem și să îi schimbăm textul folosind textContent:

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

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

Rezultatul executării codului:

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

Exemplu

Haideți să obținem paragraful cu clasa elem și să îi schimbăm textul:

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

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

Rezultatul executării codului:

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

Vedeți și