Căutarea elementelor în interiorul altui element în JavaScript

Să presupunem că avem un element părinte, iar în interiorul lui alte elemente:

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

Să presupunem că referința la părinte a fost deja obținută într-o variabilă:

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

În acest caz, dacă este necesar, putem efectua o căutare după selector în interiorul acestui părinte, și nu în întregul document. Pentru a face acest lucru, metoda de căutare trebuie aplicată nu la document, ci variabilei care conține părintele nostru.

De exemplu, să găsim în interiorul părintelui nostru elementele cu clasa child:

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

Este dat elementul #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');

Găsiți în interiorul părintelui elementele cu clasa www și înscrieți-le în variabila elems1. Apoi găsiți în interiorul părintelui elementele cu clasa ggg și înscrieți-le în variabila elems2.