Ricerca di elementi all'interno di un altro elemento in JavaScript

Supponiamo di avere un elemento genitore, e al suo interno altri elementi:

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

Supponiamo che il riferimento al genitore sia già stato ottenuto in una variabile:

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

In tal caso, se necessario, possiamo eseguire una ricerca tramite selettore all'interno di questo genitore, e non in tutto il documento. Per fare ciò il metodo di ricerca deve essere applicato non a document, ma alla variabile che contiene il nostro genitore.

Ad esempio, troviamo all'interno del nostro genitore gli elementi con classe child:

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

Dato l'elemento #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');

Trova all'interno del genitore gli elementi con classe www e registrali nella variabile elems1. Poi trova all'interno del genitore gli elementi con classe ggg e registrali nella variabile elems2.