Henting av DOM-element i JavaScript
Nå skal vi lære å hente DOM-elementer fra siden, for senere å kunne utføre manipulasjoner med dem.
La oss si at vi har en knapp:
<input id="button" type="submit">
La oss få en referanse til denne knappen i en variabel.
For dette bør vi bruke metoden querySelector
på det spesielle objektet document. Dette
metoden tar en CSS-selector som parameter og
returnerer en referanse til elementet funnet ved hjelp av denne selectoren.
Knappen vår har et attributt id med
verdien button. Det betyr at vi kan
finne denne knappen med selectoren #button.
Så, la oss finne knappen vår og skrive
referansen til den i en variabel:
let button = document.querySelector('#button');
console.log(button);
Det er gitt 3 avsnitt:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Skriv referansen til hvert avsnitt i hver sin variabel og skriv innholdet i hver av disse variablene til konsollen.
