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:

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

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

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

Cho phần tử #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');

Hãy tìm bên trong phần tử cha các phần tử có lớp www và ghi chúng vào biến elems1. Sau đó tìm bên trong phần tử cha các phần tử có lớp ggg và ghi chúng vào biến elems2.