Метод 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,
который получает группу элементов по селектору