Hent DOM-element i JavaScript

Nu skal vi lære at hente DOM-elementer på siden, så vi senere kan udføre manipulationer med dem.

Lad os sige, at vi har en knap:

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

Lad os få en reference til denne knap i en variabel. For at gøre dette skal du bruge metoden querySelector på det specielle objekt document. Denne metode tager en CSS-selector som parameter og returnerer en reference til elementet fundet med denne selector.

Vores knap har attributten id med værdien button. Det betyder, at vi kan finde denne knap med selectoren #button. Så lad os finde vores knap og gemme referencen til den i en variabel:

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

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