Transmiterea elementului DOM ca parametru al funcției

În lecțiile anterioare, am transmis funcțiilor noastre selectoare de elemente, iar funcțiile noastre obțineau singere referințele către aceste elemente în interiorul codului lor. Există și o altă abordare: funcției i se pot transmite referințe către elemente obținute deja anterior.

Să ne uităm la un exemplu. Să presupunem că avem următorul cod:

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

Să facem funcția setText, care primind primul parametru va fi o referință către un element DOM, iar al doilea - textul elementului:

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

Vom folosi funcția creată de noi pentru a seta textul paragrafelor noastre:

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

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