JavaScript-da bir element içinde elementleri gözlemek

Bizde käbir ata element bolsun, onyň içinde bolsa beýleki elementler:

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

Ata elemente çykgyt üpjün edilmiş saýlawçyda bolsun:

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

Şeýle ýagdaýda, zerur bolsa, bu ata elementiň içinde, tutuş resminama däl-de, saýlawçy boýunça gözlemek amalyny ýerine ýetirip bileris. Bunuň üçin gözleme usulyny document üçin däl-de, ata elementimizi öz içine alýan üýtgeýjige ulanmaly.

Mysal üçin ata elementimiziň içinde child klassly elementleri gözleýäli:

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

#parent elementi berlen:

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

Ata element içinde www klassly elementleri gözläň we olary elems1 üýtgeýjisine ýazyň. Soňra ata element içinde ggg klassly elementleri gözläň we olary elems2 üýtgeýjisine ýazyň.