DOM elemendi hankimine JavaScriptis
Nüüd õpime leidma lehe DOM elemendid, et saaksime nendega edaspidi mingeid manipulatsioone teha.
Oletame, et meil on mingi nupp:
<input id="button" type="submit">
Hankime selle nupi viida muutujasse.
Selleks tuleb kasutada spetsiaalse objekti
document meetodit querySelector.
See meetod võtab parameetrina CSS selektori ja
tagastab selle selektori järgi leitud
elemendi viida.
Meie nupul on atribuut id väärtusega
button. Seega saame selle nupu leida
selektoriga #button.
Niisiis, leiame oma nupu ja paneme
selle viida muutujasse:
let button = document.querySelector('#button');
console.log(button);
Antud on 3 lõiku:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Pange iga lõigu viide eraldi muutujasse ja kuvage iga muutuja sisu konsooli.
