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

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

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

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

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

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

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

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