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:

html<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:

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

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