Как найти дочерний элемент JS?

Question

[SherbakovFirst]

Всем привет. Столкнулся с такой проблемой, что не могу найти дочерний класс, чтобы выдать переключить ему класс, через toggle. Есть метод nextElementSibling, но он ищет следующего соседа, но не дочерний класс. Буду рад если поможете. Прилагаю код как в HTML, чтобы Вы понимали что я хочу и JS, с теми наработками, которые я задумал. Спасибо что потратили время и хорошего Вам дня

<li class="slide__list"><a href="#"><img src="./img/navLogo/delivery.svg" alt="">Доставка</a>
								<ul class="main__sublist__wrap">
									<li class="main__sublist">Адресс</li>
									<li class="main__sublist">Расчёт стоимости</li>
									<li class="main__sublist">Автомобили</li>
									<li class="main__sublist">Персонал
										<ul class="main__sublist__wrap">
											<li class="main__sublist  second__sublist">Петя</li>
											<li class="main__sublist  second__sublist">Ваня</li>
											<li class="main__sublist  second__sublist">Катя</li>
										</ul>
									</li>
								</ul>
							</li>
<li class="slide__list"><a href="#"><img src="./img/navLogo/game.svg" alt="">Игры</a>

let mainTitle = document.querySelectorAll('.slide__list')

mainTitle.forEach(function (item) {
    item.addEventListener('click', function() {
        console.log(this.children);
    })
});

Comments

[Сергей Сергей]

mainTitle = document.querySelectorAll('.slide__list .main__sublist')

[Kentavr16]

И мне кажется что вешать слушатели форичем на все элементы не лучшая практика. Проще делегировать прослушивание родительскому компоненту и через е.target отслеживать нужные действия.