Pribavljanje DOM elementa u JavaScript-u

Sada ćemo naučiti kako da dobijemo DOM elemente stranice, kako bismo kasnije mogli da vršimo razne manipulacije sa njima.

Pretpostavimo da imamo određeno dugme:

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

Hajde da dobijemo referencu na ovo dugme u promenljivu. Za to treba da koristimo metodu querySelector specijalnog objekta document. Ova metoda kao parametar prihvata CSS selektor i vraća referencu na element pronađen pomoću tog selektora.

Naše dugme ima atribut id sa vrednošću button. Dakle, možemo da nađemo ovo dugme prema selektoru #button. Evo, hajde da nađemo naše dugme i upišemo referencu na njega u promenljivu:

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

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