javascript - 从另一个 NodeList 中删除 NodeList

Question

如何从一个 NodeList 中删除另一个 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())，或者您可以使用 polyfill要使其在旧版本的 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);
   }
}