DOM-elementin välittäminen funktion parametrina

Edellisillä tunneilla välitimme funktioihimme elementtien valitsijoita, ja funktiomme sait itse viitteet näihin elementteihin niiden koodin sisällä. On olemassa toinenkin lähestymistapa: funktiolle voidaan välittää aiemmin haetut viitteet elementteihin.

Katsotaanpa esimerkkiä. Oletetaan, että meillä on seuraava koodi:

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

Tehdään funktio setText, joka ensimmäisenä parametrina vastaanottaa viitteen DOM-elementtiin ja toisena - elementin tekstin:

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

Käytetään luomaamme funktiota kappaleidemme tekstin asettamiseen:

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

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