Iskanje elementov znotraj drugega elementa v JavaScript

Recimo, da imamo nek starševski element, in znotraj njega druge elemente:

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

Recimo, da je referenca na starša že pridobljena v spremenljivko:

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

V tem primeru lahko, če je potrebno, izvedemo iskanje po selektorju znotraj tega starša, in ne v celotnem dokumentu. Za to je treba metodo za iskanje uporabiti ne na document, ampak na spremenljivki, ki vsebuje našega starša.

Poglejmo si za primer, poiščimo znotraj našega starša elemente z razredom child:

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

Dan 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');

Poiščite znotraj starša elemente z razredom www in jih zapišite v spremenljivko elems1. Nato poiščite znotraj starša elemente z razredom ggg in jih zapišite v spremenljivko elems2.