DOM elemendi hankimine JavaScriptis

Nüüd õpime leidma lehe DOM elemendid, et saaksime nendega edaspidi mingeid manipulatsioone teha.

Oletame, et meil on mingi nupp:

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

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

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