DOM element ကို function parameter အဖြစ်ပို့ဆောင်ခြင်း

ယခင်သင်ခန်းစာများတွင် ကျွန်ုပ်တို့၏ function များသို့ element selector များပို့ဆောင်ခဲ့ပြီး ကျွန်ုပ်တို့၏ function များသည် ၎င်းတို့၏ code အတွင်း၌ ထို element များ၏ reference များကိုကိုယ်တိုင်ရယူခဲ့ကြသည်။ အခြားနည်းလမ်းတစ်ခုလည်းရှိပါသည်။ function ထဲသို့ ယခင်ကရရှိထားပြီးသော element များ၏ reference များကိုပို့ဆောင်နိုင်သည်။

ဥပမာတစ်ခုကိုကြည့်ကြပါစို့။ ကျွန်ုပ်တို့၌ အောက်ပါ code ရှိသည်ဆိုပါစို့။

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

setText function တစ်ခုပြုလုပ်ကြပါစို့။ ပထမ parameter အနေဖြင့် DOM element တစ်ခု၏ reference ကိုလက်ခံမည်၊ ဒုတိယ parameter အနေဖြင့် element ၏ text ကိုလက်ခံမည်။

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

ကျွန်ုပ်တို့၏ စာပိုဒ်များအတွက် text သတ်မှတ်ရန် ကျွန်ုပ်တို့ဖန်တီးထားသော function ကိုအသုံးပြုကြပါစို့။

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

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