Удалить NodeList из другого NodeList

Question

Как удалить один NodeList из другого? Например, если у меня есть:

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

var removed = all - divs; 

Это не работает. Каков правильный метод для этого, а результат - нодлист, а не массив?

Answer 1

Вы можете превратить allnodeList в массив, а затем использовать методы массива, чтобы сделать поиск и удалений:

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); 
    } 
} 

Answer 2

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

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