JavaScript တွင် DOM အစိတ်အပိုင်းများနှင့် အလုပ်လုပ်သည့် လုပ်ဆောင်ချက်များ

ယခုကျွန်ုပ်တို့သည် DOM နှင့် လုပ်ဆောင်မှုတစ်ခုခုကို လုပ်ဆောင်ပေးသော အကူအညီပေး လုပ်ဆောင်ချက်များ (helper functions) ပြုလုပ်နည်းကို သင်ယူမည်။ ဥပမာအားဖြင့်၊ ပထမပိုင်းအညွှန်းတွင် အစိတ်အပိုင်း၏ id ကိုလက်ခံပြီး၊ ဒုတိယပိုင်းတွင် အစိတ်အပိုင်း၏ စာသားကိုလက်ခံကာ၊ ထိုအစိတ်အပိုင်းအား စာသားအသစ်သတ်မှတ်ပေးမည့် လုပ်ဆောင်ချက်တစ်ခု ပြုလုပ်ကြပါစို့။

ဖော်ပြပါ လုပ်ဆောင်ချက်မှာ အောက်ပါအတိုင်းဖြစ်သည်-

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

၎င်း၏အလုပ်လုပ်ပုံကို စမ်းကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် စာပိုဒ်နှစ်ခုရှိသည်ဆိုပါစို့-

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

ကျွန်ုပ်တို့ ပြုလုပ်ထားသော လုပ်ဆောင်ချက်ကို အသုံးပြု၍ ထိုစာပိုဒ်များ၏ စာသားကို ပြောင်းလဲကြပါစို့-

setText('elem1', 'text1');
setText('elem2', 'text2');

ကျွန်ုပ် ပြုလုပ်ထားသော လုပ်ဆောင်ချက်ကို အစိတ်အပိုင်း၏ id ကို လက်ခံရန်အစား၊ မည်သည့် CSS ရွေးချယ်စနစ် (selector) ကိုမဆို လက်ခံရန် ပြင်ဆင်ပါ။

DOM အစိတ်အပိုင်း၏ attribute ကို ပြောင်းလဲပေးမည့် setAttr လုပ်ဆောင်ချက်ကို ပြုလုပ်ပါ။ လုပ်ဆောင်ချက်၏ ပထမအညွှန်းသည် အစိတ်အပိုင်း၏ selector ကို လက်ခံရမည်၊ ဒုတိယအညွှန်းသည် attribute ၏ အမည်ကို လက်ခံရမည်၊ တတိယအညွှန်းသည် ၎င်း၏ တန်ဖိုးအသစ်ကို လက်ခံရမည်။