Kutafuta Vipengele Ndani ya Kipengele Kingine katika JavaScript

Hebu tuchukulie tuna kipengele mzazi fulani, na ndani yake kuna vipengele vingine:

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

Hebu tuchukulie kiunga kwa mzazi tayari kimepatikana kwenye kutofautisha:

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

Katika hali kama hiyo, ikiwa inahitajika tunaweza kutafuta kwa kutumia kichaguzi ndani ya huyu mzazi, wala si kwenye hati nzima. Ili kufanya hivyo njia ya utafutaji inahitaji kutumiwa si kwa document, bali kwa kutofautisha iliyo na mzazi wetu.

Hebu kwa mfano tupate ndani ya mzazi wetu vipengele vilivyo na darasa child:

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

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

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