Získanie DOM prvku v JavaScripte
Teraz sa naučíme, ako získavať DOM prvky stránky, aby sme s nimi mohli následne vykonávať rôzne manipulácie.
Predpokladajme, že máme nejaké tlačidlo:
<input id="button" type="submit">
Získajme odkaz na toto tlačidlo do premennej.
Na to by sme mali použiť metódu querySelector
špeciálneho objektu document. Táto
metóda ako parameter prijíma CSS selektor a
vracia odkaz na prvok nájdený podľa tohto selektora.
Naše tlačidlo má atribút id s
hodnotou button. To znamená, že môžeme
nájsť toto tlačidlo podľa selektora #button.
Takže, nájdime naše tlačidlo a zapíšme
odkaz naň do premennej:
let button = document.querySelector('#button');
console.log(button);
Dané sú 3 odseky:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Zapíšte odkaz na každý z odsekov do samostatnej premennej a vypíšte obsah každej z týchto premenných do konzoly.
