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

Смотрите также