如何从父元素中删除元素 JavaScript

在 JavaScript 中，如果需要从父元素中删除一个元素，可以使用以下方法：

方法一：使用 parentNode 属性

我们可以通过访问要删除元素的 parentNode 属性来删除它。该属性返回当前元素的父级元素。我们可以在父级元素上使用 removeChild() 方法来删除相应的元素。下面是一个示例代码：

const child = document.querySelector('.child');
child.parentNode.removeChild(child);

这里，我们首先选择要删除的子元素，然后通过其 parentNode 属性找到其父级元素，最后在父级元素上使用 removeChild() 方法删除该子元素。

方法二：使用 remove() 方法

从 ECMAScript 2015（ES6）开始，DOM 中引入了一个名为 remove() 的新方法。该方法可用于从其父级元素中删除一个元素。下面是一个示例代码：

const child = document.querySelector('.child');
child.remove();

这里，我们首先选择要删除的子元素，然后直接使用 remove() 方法删除它。这个方法简单易用，但需要注意的是，它在 IE 和一些早期版本的浏览器中不受支持。

使用 jQuery 库

如果你使用了 jQuery 库，那么删除元素就更加容易了。你可以使用它的 remove() 方法来删除一个元素。下面是一个示例代码：

$('.child').remove();

这里，我们直接使用选择器找到要删除的元素，并在其上使用 remove() 方法删除它。

总结

以上就是从父元素中删除元素 JavaScript 的几种方法。如果你需要从父元素中删除一个元素，可以根据具体情况选择适合你的方法进行操作。记住，如果你使用的是较旧的浏览器，请不要使用 remove() 方法。