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

Question

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

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

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

提前谢谢。 :D

Answer 1

你可以定义这个 function

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 属性添加。