删除节点模块命令 - JavaScript

在 JavaScript 中，要删除一个节点，可以使用 removeChild() 方法。该方法需要一个参数，即要删除的节点。下面是一个示例:

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

parent.removeChild(child);

上面的代码会从 parent 节点中删除 child 节点。如果 child 不是 parent 的子节点，则会抛出一个错误。

除了使用 removeChild() 方法之外，还可以使用 replaceChild() 方法。该方法需要两个参数，分别是要替换的节点和替换后的节点。下面是一个示例:

const parent = document.getElementById('parent');
const child = document.getElementById('child');
const newChild = document.createElement('div');

parent.replaceChild(newChild, child);

上面的代码会用 newChild 替换 child 节点。如果 newChild 已经存在于 DOM 树中，它会被移动到 child 的位置。

还可以使用 remove() 方法删除一个节点，此方法是 DOM4 中新增的方法，它更加直观和简单，示例如下:

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

上面的代码将直接删除 child 节点。

总结：

删除节点可以使用 removeChild()、replaceChild() 或 remove() 方法。其中 remove() 是 DOM4 中新增的方法，使用它可以更加简单直观。