Metoda querySelector
Metoda querySelector pozwala pobrać
element strony po dowolnym selektorze
CSS. Z pobranym elementem można będzie wykonywać
różne manipulacje: zmieniać jego tekst,
atrybuty, style CSS i tak dalej.
Składnia
document.querySelector(selektor);
Przykład
Pobierzmy akapit #elem i zmieńmy
mu tekst za pomocą textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Wynik wykonania kodu:
<p id="elem">!!!</p>
Przykład
Pobierzmy akapit z klasą elem
i zmieńmy mu tekst:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Wynik wykonania kodu:
<p id="elem">!!!</p>
Zobacz też
-
metoda
getElementById,
która pobiera element poid -
metoda
querySelectorAll,
która pobiera grupę elementów po selektorze
