不知道父元素如何删除 DOM 元素？

在前端开发中，我们通常会需要删除一个 DOM 元素。通常我们可以通过获取其父元素，然后调用其 removeChild 方法来实现。但是如果我们不知道这个元素的父元素怎么办呢？本文将介绍两种方法来解决这个问题。

方法一：使用 parentNode

我们可以使用 parentNode 属性访问当前元素的父元素。通过这种方式，我们可以删除当前元素。

const element = document.getElementById('myElement');
if (element.parentNode) {
  element.parentNode.removeChild(element);
}

这里，我们首先获取了 ID 为 myElement 的元素，然后检查它是否有父元素。如果存在父元素，则从父元素中删除该元素。

方法二：使用 remove

我们可以直接使用元素自身的 remove 方法，它会从 DOM 中删除该元素。

const element = document.getElementById('myElement');
element.remove();

这里，我们直接获取 ID 为 myElement 的元素，并调用其 remove 方法来删除该元素。

总结

以上两种方法都可以帮助我们删除一个 DOM 元素，即使我们不知道其父元素。但是需要注意的是，remove 方法尚未得到所有浏览器的支持。因此，如果您需要兼容旧版浏览器，请使用第一种方法。

参考

• Element.parentNode - Web APIs | MDN
• ChildNode.remove() - Web APIs | MDN

希望本文可以帮助你更好地理解如何删除不知道父元素的 DOM 元素。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27891