тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Метод querySelector

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