Метод querySelector в JavaScript

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