如何在没有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

附加说明:

• 对于这种行为,最好使用a <button>而不是link(<a>).链接具有独特的语义含义,它必须链接到某处.您可以使用CSS相应地设置按钮的样式.
• 事件处理程序最好通过JavaScript本身添加,而不是HTML属性.