# Получение DOM элемента в JavaScript

Сейчас мы с вами научимся получать DOM элементы страницы, чтобы в дальнейшем производить с ними какие-нибудь манипуляции.

Пусть у нас есть некоторая кнопка:

`<input id="button" type="submit">`

Давайте получим ссылку на эту кнопку в переменную. Для этого следует использовать метод `querySelector` специального объекта `document`. Этот метод параметром принимает CSS селектор и возвращает ссылку на найденный по этому селектору элемент.

У нашей кнопочки есть атрибут `id` со значением `button`. Значит, мы можем найти это кнопку по селектору `#button`. Итак, давайте найдем нашу кнопочку и запишем ссылку на нее в переменную:

`let button = document.querySelector('#button'); console.log(button);`

Даны `3` абзаца:

`<p id="elem1">1</p> <p id="elem2">2</p> <p id="elem3">3</p>`

Запишите ссылку на каждый из абзацев в отдельную переменную и выведите содержимое каждой из этих переменных в консоль.

← →
↑
en ru