JavaScript-da bir element içinde elementleri gözlemek

Bizde käbir ata element bolsun, onyň içinde bolsa beýleki elementler:

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

Ata elemente çykgyt üpjün edilmiş saýlawçyda bolsun:

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

Şeýle ýagdaýda, zerur bolsa, bu ata elementiň içinde, tutuş resminama däl-de, saýlawçy boýunça gözlemek amalyny ýerine ýetirip bileris. Bunuň üçin gözleme usulyny document üçin däl-de, ata elementimizi öz içine alýan üýtgeýjige ulanmaly.

Mysal üçin ata elementimiziň içinde child klassly elementleri gözleýäli:

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');