Совершить действие с родительскими элементами через javaScript?

Question

[Сергей Зенькович]

Всем привет!!!! Есть такая конструкция HTML:

<div class='block'>
    <div class='block__inner'>
          <button class='btn'></button>
    </div>    
</div>

При нажатии на кнопку с классом btn мне необходимо провернуть действия с div с классом block. Как это сделать в javaScript? Но таких блоков много, нужно именно родительский блок изменить.

Comments

[0xD34F]

А не могли бы вы перестать дезинформировать людей? У вас в профиле в пункте "кратко о себе" сейчас написано "Front-end developer". Что, учитывая данный вопрос, является очевиднейшей неправдой. Исправьте на "говнокодер", например.

[Сергей Зенькович]

0xD34F, Мой профиль, что хочу то и пишу, это вас не должно касаться.

[Роман]

Мой профиль, что хочу то и пишу, это вас не должно касаться.

Сергей Зенькович, тут вы правы, но как говорится "на заборе х.. написано" а вы тут в роли забора как раз и выступаете)

Answer 1

[Loli E1ON]

.addEventListener("click", (e) => {
  console.log(e.target.parentNode)
  console.log(e.target.parentNode.parentNode)
});

Answer 2

[zkrvndm]

Учитесь такие элементарные вопросы гуглить.

Вашу задачу можно разбить на 3 части:
1. Установка обработчика клика на кнопку
2. Нахождение родителя элемента
3. Выполнение необходимых действий с родителем

По всем трем пунктам информация легко находится через поиск.