Методот 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>

Погледнете ги исто така