Obținerea elementului DOM în JavaScript

Acum vom învăța cum să obținem elementele DOM paginii, pentru a putea efectua ulterior anumite manipulări cu acestea.

Să presupunem că avem un buton:

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

Să obținem o referință la acest buton într-o variabilă. Pentru aceasta ar trebui să folosim metoda querySelector a obiectului special document. Această metodă primește ca parametru un selector CSS și returnează o referință la elementul găsit prin acest selector.

Butonul nostru are atributul id cu valoarea button. Prin urmare, putem găsi acest buton prin selectorul #button. Deci, să găsim butonul nostru și să înregistrăm referința la acesta într-o variabilă:

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

Sunt date 3 paragrafe:

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

Înregistrați referința la fiecare paragraf într-o variabilă separată și afișați conținutul fiecăreia dintre aceste variabile în consolă.