JavaScript အတွင်း အခြားအရာတစ်ခုအတွင်း အရာများကို ရှာဖွေခြင်း

ကျွန်ုပ်တို့တွင် မိဘအရာတစ်ခုရှိပြီး ၎င်းအတွင်းတွင် အခြားအရာများရှိသည်ဆိုပါစို့:

html<div id="parent">
  <div class="child">text</div>
  <div class="child">text</div>
  <div class="child">text</div>
</div>

မိဘအရာအတွက် လင့်ခ်တစ်ခုကို ကိန်းရှင်ထဲသို့ ရရှိပြီးဖြစ်သည်ဆိုပါစို့:

javascriptlet parent = document.querySelector('#parent');

ထိုသို့သောအခြေအနေတွင်၊ လိုအပ်ပါက ကျွန်ုပ်တို့သည် တစ်ခုလုံးသော မှတ်တမ်းအစား၊ ဤမိဘအတွင်း၌ selector အလိုက် ရှာဖွေမှုကို လုပ်ဆောင်နိုင်ပါသည်။ ၎င်းအတွက် ရှာဖွေရန် method ကို document မှမဟုတ်ဘဲ ကျွန်ုပ်တို့၏မိဘအရာပါဝင်သည့် ကိန်းရှင်မှသုံးရမည်။

ဥပမာအနေဖြင့် ကျွန်ုပ်တို့၏မိဘအတွင်းမှ class child ရှိသော အရာများကို ရှာကြည့်ပါစို့:

javascriptlet elems = parent.querySelectorAll('.child');

html<div id="parent">
  <p class="www">text</p>
  <p class="www">text</p>
  <p class="www">text</p>
  <p class="ggg">text</p>
  <p class="ggg">text</p>
  <p class="ggg">text</p>
</div>

javascriptlet parent = document.querySelector('#parent');