Pronalaženje elemenata unutar drugog elementa u JavaScript-u

Neka imamo neki roditeljski element, a unutar njega druge elemente:

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

Neka je već dobijena referenca na roditelja u promenljivu:

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

U tom slučaju, po potrebi možemo izvršiti pretragu po selektoru unutar ovog roditelja, a ne u celom dokumentu. Za to metod za pretragu treba primeniti ne na document, već na promenljivu koja sadrži našeg roditelja.

Hajde da za primer pronađemo unutar našeg roditelja elemente sa klasom 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');