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:

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

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

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