Не видит элемент?

Question

[Ilya Olovyannikov]

Бургер - первый линк - второй уровень. Кнопка "назад" работает как положено.
Бургер - второй линк . Кнопка "Назад" уже не работает. Cannot read property 'classList' of null
Codepen

Объясните, пожалуйста, почему не видит элемент? :)

Comments

[Вадим]

e.stopPropagation();
    menuItems[x]. // при клике назад во втором линке menuItem[1] - .navigation__item.
    querySelector(".navigation__list"). // у него только один ребёнок - a. Соответственно тут null
    classList.remove("navigation__submenu--active"); // а у null нет classList.

Рекомендую научиться дебажить код по средствам точек остановки в инсрументах разработчика.

[Tim]

рекомендую не ставить столько событий

Answer 1

[Воващ]

если исправлять твой код, то логично сделать так

for (let x = 0; x < backBtn.length; x++) {
        backBtn[x].onclick = (e) => {
            e.stopPropagation()
        backBtn[x].closest(".navigation__list")
                    .classList.remove("navigation__submenu--active");
    }
}

Comments

[Ilya Olovyannikov]

Действительно логично! Спасибо!