Elementen zoeken binnen een ander element in JavaScript

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

<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:

let 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:

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

Gegeven het element #parent:

<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>

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

Zoek binnen de ouder de elementen met de klasse www en sla ze op in de variabele elems1. Zoek vervolgens binnen de ouder de elementen met de klasse ggg en sla ze op in de variabele elems2.