Iskanje elementov znotraj drugega elementa v JavaScript

Recimo, da imamo nek starševski element, in znotraj njega druge elemente:

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

Recimo, da je referenca na starša že pridobljena v spremenljivko:

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

V tem primeru lahko, če je potrebno, izvedemo iskanje po selektorju znotraj tega starša, in ne v celotnem dokumentu. Za to je treba metodo za iskanje uporabiti ne na document, ampak na spremenljivki, ki vsebuje našega starša.

Poglejmo si za primer, poiščimo znotraj našega starša elemente z razredom 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');