如何在Javascript中删除元素而不使用jQuery

Question

我想通过嵌套在其中的 <a> 标签，从 DOM 中移除一个 Div。

我猜我正在寻找 jQuery 的纯 Javascript 版本的 $('div').remove()。以下是 HTML 设置：

<div> <a href="#" onClick="w/e()">点击我以删除父 div</a></div>

提前感谢:D

- a.m.

---

请看评论：https://dev59.com/U2025IYBdhLWcg3wRT1K - spanky

@spanky：那又怎么样呢？这并不是一个理由。仅仅因为人们不理解jQuery只是一个库，或者JavaScript问题不应该用jQuery回答，就不能证明需要这样的标签。问题出在其他地方。 - Felix Kling

如果你认为是这样，那是你的观点。我没有创建这个标签，所以显然其他人也认为它很有用。 - spanky

@spanky：目前我只看到你在使用那个标签。如果其他人认为有必要，他们会自己添加的。否则，这只是你的意见，认为问题应该被标记为这样。但我们可以在元讨论区进行讨论... - Felix Kling

@Felix - 他每次添加链接就会获得声望点数。为什么他不想添加标签呢？ - RobG

在我看来，JavaScript 应该是经典的、纯粹的或者其他什么形式，而 jQuery 应该是 $() 这样的东西。我在学习 JavaScript 之前就已经学习了 jQuery，这很遗憾，不是吗？ - a.m.

Answer 1

你可以定义这个函数。

function remove(element) {
    element.parentNode.removeChild(element);
}

并将其用作

<div>
    <a href="#" onClick="remove(this.parentNode)">...</a>
</div>

参考文献： Node.parentNode，Node.removeChild

进一步说明：

• 对于这种类型的行为，最好使用而不是链接()。 链接具有独特的语义含义，必须链接到某个地方。 您可以使用CSS来相应地设置按钮样式。
• 更好的方法是通过JavaScript自身添加事件处理程序，而不是将其添加为HTML属性。

- Felix Kling

---

在这种情况下，使用脚本添加按钮的监听器并没有太多意义，因为如果不支持脚本，按钮将无法工作。在OP的情况下，最好使用带有监听器的链接-如果JavaScript可用，则执行操作并取消导航。如果不可用，链接应该导致相同的操作发生，只是可能会涉及到一个新页面。 - RobG