Атрыманне DOM элемента ў JavaScript

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

Хай у нас ёсць некаторая кнопка:

<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>

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