Elementų paieška kitų elementų viduje JavaScript

Tarkime, kad turime tam tikrą tėvinį elementą, o jo viduje yra kiti elementai:

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

Tarkime, kad nuoroda į tėvinį elementą jau gauta į kintamąjį:

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

Tokiu atveju, jei reikia, galime atlikti paiešką pagal selektorių šio tėvinio elemento viduje, o ne visame dokumente. Tam paieškos metodas turi būti pritaikytas ne document, o kintamajam, kuriame yra mūsų tėvinis elementas.

Pavyzdžiui, suraskime mūsų tėvinio elemento viduje elementus su klase 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');