JavaScript'te Bir Elementin İçindeki Elementleri Arama

Bir ana elementimiz olduğunu ve onun içinde başka elementler olduğunu varsayalım:

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

Ana elementin referansının bir değişkende olduğunu varsayalım:

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

Böyle bir durumda, gerektiğinde, tüm belgede değil, bu ana elementin içinde bir seçiciye göre arama yapabiliriz. Bunun için arama yöntemi document'a değil, ana elementimizi içeren değişkene uygulanmalıdır.

Örnek olarak, ana elementimizin içinde child sınıfına sahip elementleri bulalım:

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

#parent elementini verildi:

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

Ana elementin içinde www sınıfına sahip elementleri bulun ve elems1 değişkenine yazın. Ardından ana elementin içinde ggg sınıfına sahip elementleri bulun ve elems2 değişkenine yazın.