Как обратиться к родительскому элементу после использования document.addEventListener('click',e => function(){})?

Question

document.addEventListener('click',e => function() {
    console.log(this);
});

После использования данного метода возвращается конкретный (самый дочерний) элемент, на который нажал пользователь. Как можно обратиться к родителям этого элемента?

Answer 1

addEventListener(`click`, e => {
  console.log(e.target.parentElement);
});

div {
  padding: 20px;
  border: 1px dashed red;
}

div:before {
  content: attr(class);
}

<div class="a">
  <div class="b">
    <div class="c">
      <div class="d">
      </div>
    </div>
  </div>
</div>

БЛОГ НА HUSL

Как обратиться к родительскому элементу после использования document.addEventListener('click',e => function(){})?

Ответы (1 шт):