Overføring av DOM-element som funksjonsparameter

I tidligere leksjoner overførte vi elementvelgere til våre funksjoner, og våre funksjoner hentet selv referansene til disse elementene inni sin egen kode. Det finnes en annen tilnærming: i funksjonen kan man overføre allerede hentede referanser til elementer.

La oss se på et eksempel. La oss si at vi har følgende kode:

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

La oss lage en funksjon setText som vil ta en referanse til et DOM-element som første parameter, og elementets tekst som den andre:

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

La oss bruke funksjonen vi laget for å sette teksten i våre avsnitt:

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

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