DOM အစုအဖွဲ့များနှင့် အလုပ်လုပ်ရန် လုပ်ဆောင်ချက်များ

ယခု အစုအဖွဲ့၏ selector နှင့် ၎င်းတို့၏ စာသားအသစ်ကို parameter အဖြစ် လက်ခံမည့် function တစ်ခုကို ရေးကြပါစို့။ ဤ function သည် selector နှင့် ကိုက်ညီသော element အားလုံးကို စာသားအသစ်သတ်မှတ်ပေးပါစေ။

ဖော်ပြပါ function ကို အကောင်အထည်ဖော်ကြပါမည်။

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

အောက်ပါ element အစုအဖွဲ့ပေါ်တွင် ၎င်းကို စမ်းသပ်ကြည့်ပါမည်။

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

class elem ရှိ element အားလုံးကို စာသားအသစ် သတ်မှတ်ပေးပါမည်။

setText('.elem', 'text');

ပထမ parameter အဖြစ် selector ကို လက်ခံမည့်၊ ဒုတိယ parameter အဖြစ် စာသားကို လက်ခံမည့် appendText function တစ်ခုကို ပြုလုပ်ပါ။ ပေးပို့ထားသော element များ၏ နောက်ဆုံးတွင် စာသားကို ထည့်သွင်းပေးမည့် function ဖြစ်အောင် ပြုလုပ်ပါ။