Tìm kiếm phần tử bên trong một phần tử khác trong JavaScript

Giả sử chúng ta có một phần tử cha nào đó, và bên trong nó có các phần tử khác:

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

Giả sử liên kết đến phần tử cha đã được lấy vào biến:

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

Trong trường hợp như vậy, khi cần thiết, chúng ta có thể thực hiện tìm kiếm bằng bộ chọn bên trong phần tử cha này, thay vì trong toàn bộ tài liệu. Để làm điều này, phương thức tìm kiếm cần được áp dụng không phải vào document, mà vào biến chứa phần tử cha của chúng ta.

Hãy làm một ví dụ, tìm bên trong phần tử cha của chúng ta các phần tử có lớp 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');