getElementsByClassName နည်းလမ်း

getElementsByClassName နည်းလမ်းသည် class attribute တွင်သတ်မှတ်ထားသော class အလိုက် စာမျက်နှာ element များရယူရန် ခွင့်ပြုပေးပါသည်။ ရရှိလာသော element များကို မတူညီသော လုပ်ဆောင်ချက်များ ပြုလုပ်နိုင်မည်ဖြစ်သည်- ၎င်းတို့၏ စာသား၊ attributes များ၊ CSS style များစသည်တို့ကို ပြောင်းလဲခြင်း စသည်။

ဖွဲ့စည်းပုံ

document.getElementsByClassName(class အမည်);

နမူနာ

www class ရှိသော element အားလုံးကို ရယူကြပါစို့ ပြီးနောက် innerHTML property ကို အသုံးပြု၍ ၎င်းတို့၏စာသားကို ပြောင်းလဲပါမည်-

<p class="www">element 1</p>
<p class="www">element 2</p>
<p class="www">element 3</p>

let elems = document.getElementsByClassName('www');

for (let elem of elems) {
	elem.innerHTML = '!!!';
}

ကုဒ် လုပ်ဆောင်ချက်၏ ရလဒ်-

<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

ဆက်လက်ကြည့်ရှုရန်

querySelectorAll နည်းလမ်း၊
အရာသည် selector အလိုက် element အုပ်စုကို ရယူပေးသည်
getElementsByTagName နည်းလမ်း၊
အရာသည် tag အလိုက် element အုပ်စုကို ရယူပေးသည်