querySelectorAll method

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

Syntax

javascriptdocument.querySelectorAll(selector);

ဥပမာ

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

html<p class="www">element 1</p>
<p class="www">element 2</p>
<p class="www">element 3</p>
javascriptlet elems = document.querySelectorAll('.www');

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

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

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

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

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