javascript - 我们可以直接从 NodeList 中删除节点吗？

Question

document.getElementsByTagName 返回了一个 NodeList 对象。

我想删除一些项目(假设我想从 NodeList 中删除第一个项目)

有办法吗？ (我知道我可以手动将所有节点复制到一个数组中，但如果 NodeList 本身已经具有我们可以删除其中元素的函数，我不希望这样做)

我知道从 NodeList 中删除项目对显示没有影响(并且不应该导致任何浏览器显示刷新或类似的东西，我只是不希望 NodeList 对象持有对该节点的引用)

有办法吗？ (或者我是否被迫将 NodeList 中的所有项目复制到一个数组中？)

Answer 1

正如您在 specification 中看到的那样, 没有从列表中删除元素的方法。

无论如何，这都没有意义。此 NodeList 是事件的，这意味着每当您访问某个属性时都会再次搜索 DOM，例如长度。来自 MDC :

(...) The returned list lis live, meaning that it updates itself with the DOM tree automatically. (...)

因此您必须将节点复制到数组中。

通过使用 Array 方法，您可以很容易地做到这一点。例如。复制它并直接删除第一个元素:

var nodes = [].slice.call(elements, 1); 

NodeList 是一个类数组 对象。因此，我们可以通过使用 call ^[docs] 对其应用数组函数。 . [].slice 只是获取对 slice ^[docs] 的引用的简写方法。