Søgning efter elementer inde i et andet element i JavaScript

Lad os sige, at vi har et forældreelement, og inde i det er der andre elementer:

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

Lad os sige, at referencen til forælderen allerede er blevet indhentet i en variabel:

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

I så fald kan vi, hvis det er nødvendigt, udføre en søgning efter en selector inde i denne forælder, i stedet for i hele dokumentet. For at gøre dette skal søgemetoden anvendes ikke på document, men på variablen, der indeholder vores forælder.

Lad os for eksempel finde inde i vores forælder elementer med klassen child:

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

Givet elementet #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');

Find inde i forælderen elementer med klassen www og gem dem i variablen elems1. Find derefter inde i forælderen elementer med klassen ggg og gem dem i variablen elems2.