Pridobivanje DOM elementa v JavaScript

Zdaj se bomo naučili pridobivati DOM elemente strani, da bomo lahko kasneje izvajali različne manipulacije z njimi.

Recimo, da imamo gumb:

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

Pridobimo referenco na ta gumb v spremenljivko. Za to uporabimo metodo querySelector posebnega objekta document. Ta metoda kot parameter sprejme CSS selektor in vrne referenco na element, najden s tem selektorjem.

Naš gumb ima atribut id z vrednostjo button. To pomeni, da lahko ta gumb najdemo s selektorjem #button. Torej, poiščimo naš gumb in zapišimo referenco nanj v spremenljivko:

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

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