Mencari Elemen di Dalam Elemen Lain di JavaScript

Misalkan kita memiliki suatu elemen induk, dan di dalamnya terdapat elemen-elemen lain:

html<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:

javascriptlet 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:

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

html<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>

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