DOM elem átadása függvény paraméterként

Az előző leckékben átadtuk a függvényeinknek az elemek szelektorait, és a függvényeink maguk kapták meg ezeknek az elemeknek a hivatkozásait a saját kódjukon belül. Létezik egy másik megközelítés is: a függvénynek már korábban megkapott elemhivatkozásokat is át lehet adni.

Nézzük meg egy példán. Tegyük fel, hogy a következő kódunk van:

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

Készítsük el a setText függvényt, amely első paraméterként egy DOM elemre mutató hivatkozást fogad, a második paraméter pedig az elem szövege:

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

Használjuk a létrehozott függvényt a bekezdéseink szövegének beállításához:

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

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