Поиск элементов внутри другого элемента в JavaScript
Пусть у нас есть некоторый элемент родитель, а внутри него другие элементы:
<div id="parent">
<div class="child">text</div>
<div class="child">text</div>
<div class="child">text</div>
</div>
Пусть ссылка на родитель уже получена в переменную:
let parent = document.querySelector('#parent');
В таком случае, при необходимости мы можем
выполнить поиск по селектору внутри этого
родителя, а не по всему документу. Для этого
метод для поиска нужно применить не к document,
а к переменной, содержащей нашего родителя.
Давайте для примера найдем внутри нашего
родителя элементы с классом child:
let elems = parent.querySelectorAll('.child');
Дан элемент #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');
Найдите внутри родителя элементы с классом
www и запишите их в переменную elems1.
Затем найдите внутри родителя элементы с
классом ggg и запишите их в переменную
elems2.