Пошук элементаў унутры іншага элемента ў JavaScript

Няхай у нас ёсць нейкі элемент бацька, а ўнутры яго іншыя элементы:

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

Няхай спасылка на бацьку ўжо атрымана ў зменную:

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

У такім выпадку, пры неабходнасці мы можам выканаць пошук па селектары ўнутры гэтага бацькі, а не па ўсім дакуменце. Для гэтага метад для пошуку трэба ўжыць не да document, а да зменнай, якая змяшчае нашага бацьку.

Давайце для прыкладу знойдзем унутры нашага бацькі элементы з класам child:

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

Дадзены элемент #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');

Знайдзіце ўнутры бацькі элементы з класам www і запішыце іх у зменную elems1. Затым знайдзіце ўнутры бацькі элементы з класам ggg і запішыце іх у зменную elems2.