JavaScript-如何通过点击删除DOM元素（此命令）

提问者：小点点

我试图在单击按钮时删除一个DOM元素。我以为通过“这个”我可以很容易地做到这一点。然而，“this”在这种情况下不起作用。

我试了如下。

deletebutton.addEventListener('click',function()
{this.parentNode.parentNode.removeChild(this.parentNode.parentNode)})

单击DOM对象时如何删除元素？

该页面的工作原理是:我单击Add Movie按钮，代码读取我输入的信息并根据我输入的信息生成卡片，

完整代码在以下链接中。

https://codepen.io/jotnajoa/pen/mdvwddz

共3个答案

匿名用户

尝试为此替换代码

deletebutton.addEventListener("click", function () {
  this.parentNode.remove();
});

匿名用户

替换

    deletebutton.addEventListener('click',function()
{this.parentNode.parentNode.removeChild(this.parentNode.parentNode)})

与

    deletebutton.addEventListener('click',function()
{this.parentNode.parentNode.removeChild(this.parentNode)})

匿名用户

您可以使用getElement或querySelector函数，它们将允许您直接访问所讨论的DOM元素。