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

javascriptdocument.querySelector(selektor);

Przykład

Pobierzmy akapit #elem i zmieńmy mu tekst za pomocą textContent:

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

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

Wynik wykonania kodu:

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

Przykład

Pobierzmy akapit z klasą elem i zmieńmy mu tekst:

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

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

Wynik wykonania kodu:

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

Zobacz też