Как удалить родительский элемент через дочерний?

Question

[danyarob]

Надо по нажатию на delete_block удалить родительский header со всеми дочерними

<div class="header">
<div class="block">
    
</div>
<div class="block">
    
</div>
<div class="block">
<div onclick = "deleteitem(this)" class="delete_block"></div>
</div></div>

Answer 1

[0xD34F]

Что помешало разобраться с этим вопросом самостоятельно? Всего-то надо было догадаться погуглить пару вещей:

1. Как получить родительский элемент
2. Как удалить элемент

Нет, серьёзно - ЧТО ВАМ ПОМЕШАЛО?

UPD.

Кого надо удалить, на кого надо нажимать:

const itemSelector = '.header';
const buttonSelector = `${itemSelector} .delete_block`;

Удаляем:

document.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, ({ currentTarget: t }) => {
  while (!(t = t.parentNode).matches(itemSelector)) ;
  t.replaceWith();
});

// или

document.addEventListener('click', e => e
  .target
  .closest(buttonSelector)
  ?.closest(itemSelector)
  .remove()
);

Comments

[danyarob]

То, что он выводит block, как родительский, а не header

[0xD34F]

Неубедительно, брехня это. Значит, надо было получить родительский элемент родительского - гуглится получение родительского, затем операция выполняется дважды. Не умеете до двух считать? Или, если подумать ещё немного, можно было догадаться погуглить, как получить предка, зная его класс.

Ответ дополнил.

Answer 2

[Надим]

<div class="header">
<div class="block" ">
    
</div>
<div class="block" ">
    
</div>
<div class="block" ">
<div onclick = "this.parentElement.parentElement.removeChild(this);" class="delete_block"></div>
</div></div>

Answer 3

[Дмитрий]

Давай за тебя погуглю?
parentElement, remove

<div>
  parent content
  
  <div onclick="this.parentElement.remove()">remove</div>
</div>

Задаваемые вопросы не перестают удивлять своей простотой, я бы даже сказал ТУПОСТЬЮ! С другой стороны, чего ждать от человека, который даже HTML разметку в примере к вопросу нормально написать не в состоянии...