删除索引节点列表js之间的节点 - Javascript

在Javascript中，经常需要更新或删除一个列表中的某些节点。本文将介绍如何使用Javascript删除两个节点之间的所有节点。

获取节点列表

我们可以使用document.querySelectorAll()方法获取所有需要被删除的节点。例如，我们要删除ul列表中第2个节点到第4个节点之间的所有节点，可以使用以下代码获取需要被删除的节点列表：

const list = document.querySelectorAll('ul li:nth-child(n+2):nth-child(-n+4)');

上面的代码中，第一个:nth-child(n+2)选择第2个节点到最后一个节点，第二个:nth-child(-n+4)选择第1个节点到第4个节点，两个选择器的交集就是需要被删除的节点。

删除节点

有了需要被删除的节点列表，我们可以使用remove()方法一个一个地删除它们。以下是删除节点的代码：

list.forEach(node => {
  node.remove();
});

示例代码

以下是完整的示例代码：

const list = document.querySelectorAll('ul li:nth-child(n+2):nth-child(-n+4)');
list.forEach(node => {
  node.remove();
});

结论

使用document.querySelectorAll()方法取得节点列表，然后使用node.remove()方法删除节点，就可以删除两个节点之间的所有节点了。