Søk etter elementer inni et annet element i JavaScript

La oss si at vi har et foreldreelement, og inni det andre elementer:

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

La oss si at referansen til forelderen allerede er hentet i en variabel:

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

I så fall, om nødvendig, kan vi utføre et søk med en selector inni dette foreldreelementet, og ikke i hele dokumentet. For å gjøre dette må søkemetoden brukes ikke på document, men på variabelen som inneholder vårt foreldreelement.

La oss for eksempel finne inni vårt foreldreelement elementer med klassen child:

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

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

Finn inni foreldreelementet elementer med klassen www og skriv dem til variabelen elems1. Deretter finn inni foreldreelementet elementer med klassen ggg og skriv dem til variabelen elems2.