JS classList как сделать чтобы работало для дочернего элемента?

Question

JS classList как сделать чтобы работало для дочернего элемента?

НИКИТА С МАРСА Мастер (1940), на голосовании 6 месяцев назад

 
  
    Механики
 
     
       
           ...

Когда я нажимаю на сам родительский черный блок, оно работает, а когда на <h2> и на сам текст и картинку, когда оно открылось нет

Ещё оно не работает для других элементов
Я понимаю что дочерний элемент не имеет .small .и large поэтому это не работает, но я не понимаю я два дня сижу и не понимаю помогите
Ещё когда я делаю

 (e.target).querySelector('.block').classList.add('large');

Почему

Answer 1

V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (263956) 7 месяцев назад

querySelectorAll

НИКИТА С МАРСАМастер (1940) 7 месяцев назад

Я и так его использовал

V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (263956)

 window.addEventListener("load", function() {  
    document.querySelectorAll('.block').forEach(Element => Element.addEventListener('click', e => {  
        if (e.target.classList.contains('small')) {  
            e.target.classList.add('large');  
            e.target.querySelector('.do').classList.add('dopp');  
            e.target.classList.remove('small');  
            e.target.querySelector('.do').classList.remove('dop');  
        } else if (e.target.classList.contains('large')) {  
            e.target.classList.add('small');  
            e.target.querySelector('.do').classList.add('dop');  
            e.target.classList.remove('large');  
            e.target.querySelector('.do').classList.remove('dopp');  
        }  
    }));  
});