Pronalaženje elemenata unutar drugog elementa u JavaScript-u

Neka imamo neki roditeljski element, a unutar njega druge elemente:

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

Neka je već dobijena referenca na roditelja u promenljivu:

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

U tom slučaju, po potrebi možemo izvršiti pretragu po selektoru unutar ovog roditelja, a ne u celom dokumentu. Za to metod za pretragu treba primeniti ne na document, već na promenljivu koja sadrži našeg roditelja.

Hajde da za primer pronađemo unutar našeg roditelja elemente sa klasom child:

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

Dat je 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');

Pronađite unutar roditelja elemente sa klasom www i zapišite ih u promenljivu elems1. Zatim pronađite unutar roditelja elemente sa klasom ggg i zapišite ih u promenljivu elems2.