在 DOM JavaScript 中删除一个节点

在 DOM JavaScript 中，删除一个节点通常有两种方式：

1. 从它的父级节点中删除该节点。
2. 通过使用 removeChild() 方法从文档中删除该节点。

从父级节点中删除节点

从节点的父级节点中删除它是一种常见的方法。要删除一个节点，您可以使用 parentNode 属性来获取它的父节点，然后使用 removeChild() 方法从父节点中删除该节点。

下面是一个简单的例子：

const parent = document.getElementById('parent');
const child = document.getElementById('child');
parent.removeChild(child);

在这个例子中，我们首先使用 getElementById() 方法获取父节点和子节点。然后，我们使用 removeChild() 方法从父节点中删除子节点。

通过 removeChild() 方法删除节点

另一种从文档中删除节点的方法是使用 removeChild() 方法。这个方法可以直接从文档中删除任何节点，无论它们是否有父级节点。

下面是一个简单的例子：

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

在这个例子中，我们首先使用 getElementById() 方法获取子节点。然后，我们使用 removeChild() 方法从文档中删除该节点。

使用 remove() 方法删除节点

从 ECMAScript 6 开始，也可以使用 remove() 方法直接从 DOM 中删除节点。

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

结论

DOM JavaScript 提供了多种方法来删除节点。您可以使用 removeChild() 和 parentNode 属性从父节点中删除节点，或者使用 remove() 方法直接从 DOM 中删除节点。