Metodas querySelector

Metodas querySelector leidžia gauti puslapio elementą pagal savavališką CSS selektorių. Su gautu elementu galima atlikti įvairias manipuliacijas: keisti jo tekstą, atributus, CSS stilius ir pan.

Sintaksė

javascriptdocument.querySelector(selektorius);

Pavyzdys

Gaukime pastraipą #elem ir pakeiskime jos tekstą naudodami textContent:

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

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

Kodo vykdymo rezultatas:

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

Pavyzdys

Gaukime pastraipą su klase elem ir pakeiskime jos tekstą:

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

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

Kodo vykdymo rezultatas:

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

Taip pat žiūrėkite