Претрага елемената унутар другог елемента у JavaScript-у

Претпоставимо да имамо неки родитељски елемент, а унутар њега друге елементе:

html<div id="parent">
  <div class="child">текст</div>
  <div class="child">текст</div>
  <div class="child">текст</div>
</div>

Претпоставимо да је референца на родитеља већ добијена у променљиву:

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

У том случају, по потреби можемо извршити претрагу по селектору унутар овог родитеља, а не по целом документу. За то метод за претрагу треба применити не на document, већ на променљиву која садржи нашег родитеља.

Хајде да за пример пронађемо унутар нашег родитеља елементе са класом child:

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

html<div id="parent">
  <p class="www">текст</p>
  <p class="www">текст</p>
  <p class="www">текст</p>
  <p class="ggg">текст</p>
  <p class="ggg">текст</p>
  <p class="ggg">текст</p>
</div>

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