Hledání elementů uvnitř jiného elementu v JavaScriptu

Předpokládejme, že máme nějaký nadřazený element, a uvnitř něj další elementy:

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

Předpokládejme, že odkaz na nadřazený element již byl získán do proměnné:

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

V takovém případě, v případě potřeby můžeme provést vyhledávání podle selektoru uvnitř tohoto nadřazeného elementu, a ne v celém dokumentu. K tomu je třeba metodu pro vyhledávání aplikovat nikoli na document, ale na proměnnou obsahující našeho nadřazeného elementu.

Pro příklad nalezněme uvnitř našeho nadřazeného elementu elementy s třídou child:

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

Je dán 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');

Najděte uvnitř nadřazeného elementu elementy s třídou www a zapište je do proměnné elems1. Poté najděte uvnitř nadřazeného elementu elementy s třídou ggg a zapište je do proměnné elems2.