Vyhľadávanie prvkov vo vnútri iného prvku v JavaScript

Predpokladajme, že máme nejaký nadradený prvok, a vo vnútri neho sú iné prvky:

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

Predpokladajme, že odkaz na nadradený prvok už bol získaný do premennej:

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

V takom prípade, v prípade potreby môžeme vykonať vyhľadávanie podľa selektora vo vnútri tohto nadradeného prvku, a nie v celom dokumente. Na to je potrebné aplikovať metódu na vyhľadávanie nie na document, ale na premennú obsahujúcu nášho nadradeného prvku.

Pre príklad nájdime vo vnútri nášho nadradeného prvku prvky s triedou child:

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

Daný je prvok #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');

Nájdite vo vnútri nadradeného prvku prvky s triedou www a zapíšte ich do premennej elems1. Potom nájdite vo vnútri nadradeného prvku prvky s triedou ggg a zapíšte ich do premennej elems2.