querySelectorAll method

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

Syntax

document.querySelectorAll(selector);

ဥပမာ

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

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

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

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

ကုဒ်အလုပ်လုပ်ဆောင်မှု ရလဒ်-

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

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

querySelector method,
selector ဖြင့် element တစ်ခုကို ရယူပေးသည်
getElementsByClassName method,
class ဖြင့် element အုပ်စုတစ်ခုကို ရယူပေးသည်
getElementsByTagName method,
tag ဖြင့် element အုပ်စုတစ်ခုကို ရယူပေးသည်