Recherche d'éléments à l'intérieur d'un autre élément en JavaScript

Supposons que nous ayons un élément parent, et à l'intérieur de celui-ci, d'autres éléments :

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

Supposons que la référence vers le parent soit déjà obtenue dans une variable :

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

Dans ce cas, si nécessaire, nous pouvons effectuer une recherche par sélecteur à l'intérieur de ce parent, et non dans l'ensemble du document. Pour cela, la méthode de recherche doit être appliquée non pas à document, mais à la variable contenant notre parent.

Prenons par exemple la recherche, à l'intérieur de notre parent, des éléments avec la classe child :

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

Étant donné l'élément #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');

Trouvez à l'intérieur du parent les éléments avec la classe www et enregistrez-les dans la variable elems1. Puis trouvez à l'intérieur du parent les éléments avec la classe ggg et enregistrez-les dans la variable elems2.