Elementen zoeken binnen een ander element in JavaScript

Stel we hebben een bepaald ouder element, en daarin andere elementen:

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

Stel dat de verwijzing naar de ouder reeds in een variabele is opgeslagen:

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

In dat geval kunnen we, indien nodig, een zoekopdracht uitvoeren met een selector binnen deze ouder, in plaats van binnen het hele document. Hiertoe moet de zoekmethode niet worden toegepast op document, maar op de variabele die onze ouder bevat.

Laten we bijvoorbeeld binnen onze ouder de elementen vinden met de klasse 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');