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

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

方法一:使用 parentNode

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

----- ------- - -------------------------------------
-- -------------------- -
  ----------------------------------------
-

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

方法二:使用 remove

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

----- ------- - -------------------------------------
-----------------

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

总结

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

参考

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

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/27891