DOM էլեմենտի փոխանցումը ֆունկցիայի պարամետրով

Նախորդ դասերում մենք մեր ֆունկցիաներին փոխանցում էինք էլեմենտների ընտրիչներ, և մեր ֆունկցիաներն իրենց կոդի ներսում ինքնուրույն էին ստանում այդ էլեմենտների հղումները: Գոյություն ունի նաև մեկ այլ մոտեցում. Ֆունկցիային կարելի է փոխանցել արդեն նախկինում ստացված էլեմենտների հղումներ:

Դիտարկենք օրինակով: Ենթադրենք ունենք հետևյալ կոդը:

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

Ստեղծենք setText ֆունկցիան, որն առաջին պարամետրով կվերցնի DOM էլեմենտի հղումը, իսկ երկրորդ պարամետրով՝ էլեմենտի տեքստը.

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

Օգտագործենք մեր ստեղծած ֆունկցիան մեր պարբերությունների տեքստը սահմանելու համար.

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

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