Metod querySelector

Metod querySelector omogućava dobijanje elementa stranice po proizvoljnom CSS selektoru. Sa dobijenim elementom možete vršiti različite manipulacije: menjati njegov tekst, atribute, CSS stilove i tako dalje.

Sintaksa

javascriptdocument.querySelector(selektor);

Primer

Hajde da dobijemo paragraf #elem i promenimo mu tekst pomoću textContent:

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

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

Rezultat izvršavanja koda:

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

Primer

Hajde da dobijemo paragraf sa klasom elem i promenimo mu tekst:

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

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

Rezultat izvršavanja koda:

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

Pogledajte takođe