Търсене на елементи вътре в друг елемент в 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.