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:
<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:
let button = document.querySelector('#button');
console.log(button);
Podani so 3 odstavki:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Shranite referenco na vsak od odstavkov v ločeno spremenljivko in izpišite vsebino vsake izmed teh spremenljivk v konzolo.
