Sök efter element inuti ett annat element i JavaScript

Låt oss säga att vi har ett föräldraelement, och inuti det finns andra element:

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

Låt oss säga att referensen till föräldern redan har hämtats in i en variabel:

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

I så fall, om det behövs, kan vi utföra en sökning med en selektor inuti detta föräldraelement, och inte i hela dokumentet. För att göra detta måste sökmetoden appliceras inte på document, utan på variabeln som innehåller vår förälder.

Låt oss som ett exempel hitta inuti vårt föräldraelement element med klassen child:

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

Givet elementet #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');

Hitta inuti föräldern element med klassen www och spara dem i variabeln elems1. Hitta sedan inuti föräldern element med klassen ggg och spara dem i variabeln elems2.