Добијање 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>
Запишите референцу на сваки пасус у посебну променљиву и испишите садржај сваке од тих променљивих у конзолу.