Mencari Elemen di Dalam Elemen Lain di JavaScript

Misalkan kita memiliki suatu 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>

Misalkan tautan ke induk sudah didapatkan dalam variabel:

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

Dalam kasus seperti itu, jika diperlukan kita dapat melakukan pencarian berdasarkan selector di dalam induk ini, bukan di seluruh dokumen. Untuk melakukan ini, metode untuk pencarian harus diterapkan bukan pada document, tetapi pada variabel yang berisi induk kita.

Sebagai contoh, mari kita 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 elemen induk elemen-elemen dengan kelas www dan tuliskan ke dalam variabel elems1. Kemudian cari di dalam elemen induk elemen-elemen dengan kelas ggg dan tuliskan ke dalam variabel elems2.