javascript - 如何在子节点触发 JavaScript 中的单击事件时删除父节点？

Question

我正在尝试删除 <p>当 <span> 时节点包括它的所有子节点被点击。 <span>位于 <p> 内.

HTML 示例是:

<p>Hello World!<span>x</span></p>

我想用 JavaScript 而不是 jQuery 来实现这一点。

我的代码是:

spancomment.addEventListener('click', deleteComment(this), false);
function deleteComment(e) {
    e.parentNode.parentNode.parentNode.removeChild(e.parentNode.parentNode);
}

我收到以下错误:

TypeError: undefined is not an object (evaluating 'e.parentNode.parentNode')

我关注了:How to remove the parent element using plain JavaScript?

Answer 1

尝试将函数 reference 作为事件处理程序传递，

spancomment.addEventListener('click', deleteComment, false);
function deleteComment(e) {
    this.parentNode.remove();
}

您也可以简单地在父节点上使用 .remove()。

DEMO