如何从一个 NodeList 中删除另一个 NodeList?例如,如果我有:
var all = document.querySelectorAll('*');
var divs = document.querySelectorAll('div');
var removed = all - divs;
但这不起作用。执行此操作的正确方法是什么,结果是节点列表而不是数组?
最佳答案
您可以将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);
}
}
关于javascript - 从另一个 NodeList 中删除 NodeList,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24028634/