DOM elemendi edastamine funktsiooni parameetrina

Eelmistes õppetundides edastasime oma funktsioonidesse elementide valijad ja meie funktsioonid said viited nendele elementidele ise oma koodi sees. On olemas ka teine lähenemine: funktsioonile saab edastada juba varem saadud viited elementidele.

Vaatame näidet. Olgu meil järgmine kood:

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

Teeme funktsiooni setText, mis esimese parameetrina võtab viite DOM elemendile ja teise parameetrina - elemendi teksti:

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

Kasutame loodud funktsiooni meie lõikude teksti seadistamiseks:

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

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