DOM elementa iegūšana JavaScript
Tagad mēs iemācīsimies iegūt DOM elementus lappuses, lai turpmāk ar tiem veiktu kādas manipulācijas.
Pieņemsim, ka mums ir kāda poga:
<input id="button" type="submit">
Iegūsim atsauci uz šo pogu mainīgajā.
Lai to izdarītu, jāizmanto metode querySelector
īpaša objekta document. Šī
metode parametru pieņem CSS selektoru un
atgriež atsauci uz atrasto pēc šī selektora
elementu.
Mūsu pogai ir atribūts id ar
vērtību button. Tas nozīmē, ka mēs
varam atrast šo pogu pēc selektora #button.
Tātad, atradīsim mūsu pogu un ierakstīsim
atsauci uz to mainīgajā:
let button = document.querySelector('#button');
console.log(button);
Dotas 3 rindkopas:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Ierakstiet atsauci uz katru no rindkopām atsevišķā mainīgajā un izvadiet katra no šiem mainīgajiem satur konsolē.
