Mencari Elemen di Dalam Elemen Lain dalam JavaScript

Katakan kita mempunyai satu elemen induk, dan di dalamnya terdapat elemen-elemen lain:

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

Katakan rujukan kepada induk telah diperoleh dalam pembolehubah:

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

Dalam kes sedemikian, jika perlu, kita boleh melakukan carian menggunakan pemilih di dalam induk ini, dan bukan di dalam seluruh dokumen. Untuk ini, kaedah carian perlu digunakan bukan pada document, tetapi pada pembolehubah yang mengandungi induk kita.

Sebagai contoh, mari cari di dalam induk kita elemen-elemen dengan kelas child:

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

Diberikan elemen #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');

Cari di dalam induk elemen-elemen dengan kelas www dan masukkan mereka ke dalam pembolehubah elems1. Kemudian cari di dalam induk elemen-elemen dengan kelas ggg dan masukkan mereka ke dalam pembolehubah elems2.