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ą:
<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į:
let button = document.querySelector('#button');
console.log(button);
Duoti 3 pastraipos:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Įrašykite nuorodą į kiekvieną pastraipą į atskirą kintamąjį ir išveskite kiekvieno iš šių kintamųjų turinį į konsolę.
