JavaScript-də elementin daxilində elementlərin axtarışı

Tutaq ki, bizim bir valideyn elementimiz var, onun daxilində isə digər elementlər var:

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

Tutaq ki, valideynə istinad artıq dəyişəndə əldə edilib:

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

Belə bir halda, lazım olduqda biz bütün sənəd üzrə deyil, bu valideynin daxilində selektora görə axtarış apara bilərik. Bunun üçün axtarış metodu document-ə deyil, valideyni ehtiva edən dəyişənə tətbiq edilməlidir.

Nümunə üçün gəlin valideynimizin daxilində child sinfi olan elementləri tapaq:

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

#parent elementi verilib:

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

Valideynin daxilində www sinfi olan elementləri tapın və onları elems1 dəyişəninə yazın. Sonra valideynin daxilində ggg sinfi olan elementləri tapın və onları elems2 dəyişəninə yazın.