DOM elemento gavimas JavaScript

Dabar mes išmoksime gauti DOM elementus pushlapio, kad vėliau galėtume atlikti su jais įvairias manipuliacijas.

Tarkime, kad turime tam tikrą mygtuką:

html<input id="button" type="submit">

Gaukime nuorodą į šį mygtuką į kintamąjį. Tam reikia naudoti metodo querySelector specialųjį objektą document. Šis metodas parametru priima CSS selektorių ir grąžina nuorodą į pagal šį selektorių rastą elementą.

Mūsų mygtukas turi atributą id su reikšme button. Tai reiškia, kad mes galime rasti šį mygtuką pagal selektorių #button. Taigi, suraskime mūsų mygtuką ir įrašykime nuorodą į jį į kintamąjį:

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

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