Претрага елемената унутар другог елемента у JavaScript-у

Претпоставимо да имамо неки родитељски елемент, а унутар њега друге елементе:

<div id="parent">
	<div class="child">текст</div>
	<div class="child">текст</div>
	<div class="child">текст</div>
</div>

Претпоставимо да је референца на родитеља већ добијена у променљиву:

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

У том случају, по потреби можемо извршити претрагу по селектору унутар овог родитеља, а не по целом документу. За то метод за претрагу треба применити не на document, већ на променљиву која садржи нашег родитеља.

Хајде да за пример пронађемо унутар нашег родитеља елементе са класом child:

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

Дат је елемент #parent:

<div id="parent">
	<p class="www">текст</p>
	<p class="www">текст</p>
	<p class="www">текст</p>
	<p class="ggg">текст</p>
	<p class="ggg">текст</p>
	<p class="ggg">текст</p>
</div>

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

Пронађите унутар родитеља елементе са класом www и запишите их у променљиву elems1. Затим пронађите унутар родитеља елементе са класом ggg и запишите их у променљиву elems2.