Очень Плохие Новости
Без вашей поддержки донатом сайт code.mu скоро закроется. Читать подробнее...
⊗jsPmSrIE 392 of 505 menu
Снова выходят занимательные задачи по JavaScript, PHP и Python. Присоединяйтесь к нам!

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

Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить