Метод querySelector позволяет получить элемент страницы по произвольному селектору CSS. С полученным элементом можно будет производить различные манипуляции: менять его текст, атрибуты, CSS стили и так далее.
Синтаксис
document.querySelector(селектор)
Пример
Давайте получим абзац #elem и поменяем ему текст с помощью innerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.innerHTML = '!!!';
Результат выполнения кода:
<p id="elem">!!!</p>
Пример
Давайте получим абзац с классом elem и поменяем ему текст:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.innerHTML = '!!!';
Результат выполнения кода:
<p id="elem">!!!</p>
Смотрите также
-
метод getElementById,
который получает элемент по id -
метод querySelectorAll,
который получает группу элементов по селектору