如何在没有jQuery的情况下删除Javascript中的元素

Question

我试图通过嵌套在其中的<a>标记从DOM中删除Div。

我想我要找的是jQuery的纯Javascript版本     $('div').remove() 这是html设置

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

提前谢谢。 ：d

Answer 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属性。