Mencari Elemen di Dalam Elemen Lain dalam JavaScript

Katakan kita mempunyai satu 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>

Katakan rujukan kepada induk telah diperoleh dalam pembolehubah:

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

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