Добијање 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>