如何在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不是对象（评估'e.parentNode.parentNode'）

我遵循： 如何使用纯JavaScript删除父元素？

Answer 1

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

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

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

DEMO