从另一个NodeList中删除NodeList

Question

如何从另一个NodeList中删除一个？例如，如果我有：

var all = document.querySelectorAll('*');
var divs = document.querySelectorAll('div');

var removed = all - divs;

但这不起作用。如果结果是节点列表而不是数组，那么正确的方法是什么？

Answer 1

您可以将all nodeList转换为数组，然后使用数组方法进行搜索和删除：

var all = Array.prototype.slice.call(document.querySelectorAll('*'), 0);
var divs = document.querySelectorAll('div');

for (var i = 0; i < divs.length; i++) {
   var pos = all.indexOf(divs[i]);
   if (pos !== -1) {
       all.splice(pos, 1);
   }
}

这需要IE9 (对于.indexOf())，或者您可以使用聚脂填充使其在早期版本的IE中工作，或者您可以创建自己的函数，在数组中迭代以查找某个元素是否匹配。

再想一想，有一种更简单的方法可以做到：

var all = Array.prototype.slice.call(document.querySelectorAll('*'), 0);
for (var i = all.length - 1; i >= 0; i--) {
   if (all[i].tagName === "DIV") {
      all.splice(i, 1);
   }
}

Answer 2

var all = document.querySelectorAll('*');
var divs = document.querySelectorAll('div');

var removed = all.filter(function(i){
    return divs.indexOf(i) < 0;
});