Overførsel af DOM element som parameter

I tidligere lektioner har vi overført til vores funktioner selectorer for elementer, og vores funktioner har selv hentet referencer til disse elementer inde i deres kode. Der findes en anden tilgang: i funktionen kan man overføre allerede hentede referencer til elementer.

Lad os se på et eksempel. Lad os sige at vi har følgende kode:

html<p id="elem1"></p>
<p id="elem2"></p>

Lad os lave funktionen setText, som som første parameter vil modtage en reference til et DOM element, og som andet - elementets tekst:

javascriptfunction setText(elem, text){
  elem.textContent = text;
}

Lad os bruge den funktion, vi har oprettet, til at indstille teksten i vores afsnit:

javascriptlet elem1 = document.getElementById('elem1');
setText(elem1, 'text1');

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');