javascript - 如何在没有 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 属性。