offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗jsPmSrIE 390 of 503 menu

Поиск элементов внутри другого элемента в 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.

enru