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:

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

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

Der er givet 3 afsnit:

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

Gem en reference til hvert afsnit i hver sin variabel og udskriv indholdet af hver af disse variable til konsollen.