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

Вижте също