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ė
document.querySelector(selektorius);
Pavyzdys
Gaukime pastraipą #elem ir pakeiskime
jos tekstą naudodami textContent:
<p id="elem">tekstas</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Kodo vykdymo rezultatas:
<p id="elem">!!!</p>
Pavyzdys
Gaukime pastraipą su klase elem
ir pakeiskime jos tekstą:
<p class="elem">tekstas</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Kodo vykdymo rezultatas:
<p id="elem">!!!</p>
Taip pat žiūrėkite
-
metodas
getElementById,
kuris gauna elementą pagalid -
metodas
querySelectorAll,
kuris gauna elementų grupę pagal selektorių