လုပ်ဆောင်ချက်များ၏ သတ်မှတ်ချက်များအဖြစ် DOM အစုအဝေးများ လွှဲပြောင်းခြင်း

ယခု ကျွန်ုပ်တို့၏ setText လုပ်ဆောင်ချက်သည် ပထမသတ်မှတ်ချက်အဖြစ် အရာဝတ္ထုတစ်ခုတည်းသို့ ညွှန်ပြချက်အစား ချက်ချင်းပင် အရာဝတ္ထုအစုတစ်ခုကို လက်ခံရရှိပါစေ။

function setText(elems, text) {
	for (let elem of elems) {
		elem.textContent = text;
	}
}

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

<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>

ကျွန်ုပ်တို့၏ လုပ်ဆောင်ချက်ကို အသုံးပြု၍ ဤအနှစ်ချုပ်အားလုံးတွင် စာသားတစ်ခုခုကို သတ်မှတ်ကြပါစို့။

let elems = document.querySelectorAll('.elem');
setText(elems, 'text');

appendText လုပ်ဆောင်ချက်တစ်ခု ပြုလုပ်ပါ။ ထိုလုပ်ဆောင်ချက်သည် ပထမသတ်မှတ်ချက်အဖြစ် DOM အရာဝတ္ထုများ၏ array တစ်ခုကို လက်ခံရရှိပြီး၊ ဒုတိယအဖြစ် စာသားကို လက်ခံရရှိမည်။ ဤလုပ်ဆောင်ချက်သည် လက်ခံရရှိသော �ရာဝတ္ထုများ၏ အဆုံးတွင် စာသားကို ပေါင်းထည့်ပေးသည့် ပုံစံဖြစ်အောင် ပြုလုပ်ပါ။

appendElem လုပ်ဆောင်ချက်တစ်ခု ပြုလုပ်ပါ။ ထိုလုပ်ဆောင်ချက်သည် ပထမသတ်မှတ်ချက်အဖြစ် ul tag ပါရှိသော DOM object တစ်ခုသို့ ညွှန်ပြချက်ကို လက်ခံရရှိပြီး၊ ဒုတိယအဖြစ် စာသားကို လက်ခံရရှိမည်။ ဤလုပ်ဆောင်ချက်သည် လက်ခံရရှိသော ul tag ၏ အဆုံးတွင် လက်ခံရရှိသော စာသားဖြင့် li အသစ်တစ်ခုကို ဖန်တီးပေးပြီး ပေါင်းထည့်ပေးသည့် ပုံစံဖြစ်အောင် ပြုလုပ်ပါ။

Array တစ်ခုနှင့် ul တစ်ခု ရှိသည်။ ယခင်တာဝန်တွင် ဖန်တီးထားသော appendElem လုပ်ဆောင်ချက်ကို အသုံးပြု၍၊ array ၏ အရာဝတ္ထုတစ်ခုစီကို ဤ ul အတွင်းရှိ သီးသန့် li တစ်ခုစီတွင် ရေးသားပါ။