Барање елементи внатре во друг елемент во 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.