Метод querySelector

Метод querySelector омогућава добијање елемента странице по произвољном CSS селектору. Са добијеним елементом може се вршити разне манипулације: мењати његов текст, атрибуте, CSS стилове и тако даље.

Синтакса

javascriptdocument.querySelector(селектор);

Пример

Хајде да добијемо пасус #elem и променимо му текст помоћу textContent:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Резултат извршавања кода:

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

Пример

Хајде да добијемо пасус са класом elem и променимо му текст:

html<p class="elem">text</p>
javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Резултат извршавања кода:

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

Погледајте такође

  • метод getElementById,
    који добија елемент по id
  • метод querySelectorAll,
    који добија групу елемената по селектору