javascript卸妆功能

Question

我是JavaScript的新手，我正在编写一个有点费用管理应用程序。我一直坚持编写一个函数，可以删除parentNode和相应的子节点。

我的费用清单中的所有项目旁边都有一个删除按钮。顺便说一下，我已经尝试过使用this关键字获取父节点，但它返回undefined。我的代码：

function remover(){
  var x = this.parentNode.parentNode;
}

Answer 1

将该目标元素作为参数传递给函数，然后使用.parentElement访问父元素，并简单地应用.remove()从DOM中删除父元素。

function remove(that) {

  that.parentElement.remove();

}

<div class="parent">
      <div class="child" onclick="remove(this)">Click me to remove my parent!</div>
</div>