# Метод querySelector

Метод `querySelector` позволяет получить элемент страницы по произвольному селектору CSS. С полученным элементом можно будет производить различные манипуляции: менять его текст, атрибуты, CSS стили и так далее.

## Синтаксис

`document.querySelector(селектор);`

## Пример

Давайте получим абзац `#elem` и поменяем ему текст с помощью `textContent`:

`<p id="elem">text</p>` `let elem = document.querySelector('#elem'); elem.textContent = '!!!';`

Результат выполнения кода:

`<p id="elem">!!!</p>`

## Пример

Давайте получим абзац с классом `elem` и поменяем ему текст:

`<p class="elem">text</p>` `let elem = document.querySelector('.elem'); elem.textContent = '!!!';`

Результат выполнения кода:

`<p id="elem">!!!</p>`

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

- метод `getElementById`,
  который получает элемент по `id`
- метод `querySelectorAll`,
  который получает группу элементов по селектору

← →
↑
en ru