JavaScript'те элементтерди башка элементтин ичинен издеш

Бизде бир ата-эне элементи бар дейли, жана анын ичинде башка элементтер бар:

<div id="parent">
	<div class="child">текст</div>
	<div class="child">текст</div>
	<div class="child">текст</div>
</div>

Ата-эненин шилтемеси өзгөрмөгө алынды дейли:

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

Ушундай учурда, керек болсо, биз бул ата-эненин ичинде селектор боюнча издеп таба алабыз, бүтүндөй документте эмес. Бул үчүн издөө ыкмасын document дө эмес, ата-энени камтыган өзгөрмөгө колдонуш керек.

Мисал үчүн биздин ата-эненин ичиндеги child классы бар элементтерди табалы:

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

#parent элементи берилген:

<div id="parent">
	<p class="www">текст</p>
	<p class="www">текст</p>
	<p class="www">текст</p>
	<p class="ggg">текст</p>
	<p class="ggg">текст</p>
	<p class="ggg">текст</p>
</div>

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

Ата-эненин ичинде www классы бар элементтерди табыңыз жана аларды elems1 өзгөрмөсүнө жазыңыз. Андан кийин ата-эненин ичинде ggg классы бар элементтерди табыңыз жана аларды elems2 өзгөрмөсүнө жазыңыз.