Как удалить элемент в Javascript без jQuery

Я пытаюсь удалить Div из DOM с помощью тега <a>, вложенного в него.

Я предполагаю, что я ищу, это чистая версия jQuery Javascript   $('div').remove() Здесь html настроил

<div> <a href = "#" onClick = "w/e()">Click me to remove the parent div</a></div>

Спасибо заранее.: D

Ответ 1

Вы можете определить эту функцию

function remove(element) {
    element.parentNode.removeChild(element);
}

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

<div>
    <a href="#" onClick="remove(this.parentNode)">...</a>
</div>

Ссылка: Node.parentNode, Node.removeChild

Дополнительные примечания:

  • Лучше использовать <button> вместо ссылки (<a>) для такого поведения. Ссылка имеет четкое смысловое значение, она должна где-то связываться. Вы можете использовать CSS для стиля кнопки соответственно.
  • Обработчики событий лучше добавляются через сам JavaScript, а не как атрибут HTML.