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

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

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

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>