我在控制台上运行这个片段.在IE中,它按预期产生输出.在Cr和FF中运行相同的参考确认了行为的一致性.
["a","b"].forEach(function(element) {
console.log(element);
});
但是,当运行以下脚本时,我收到错误,告诉我该对象没有在其上声明forEach(…).问题发生在IE中,但不发生在Cr和FF中.
var menus = document.querySelectorAll("ul.application>li>a");
menus.forEach(function(element) { ... }
我已经检查过变量菜单被声明了,并且选择它的元素会产生我所期望的,即菜单[0]存在并且是一个标记.与其他人相比,它在IE中看起来有点不同,但它可能只是不同的再现.
我一直很幸运与Cr和FF合作,所以我处理IE的经验有限.谷歌搜索并没有给我太多智慧.
我该如何进一步排除故障？
最佳答案
基本上document.querySelectorAll会返回一个nodeList,一个像对象而不是数组的数组.在调用数组函数之前,必须将其转换为数组.
原文链接：https://www.f2er.com/html/426260.htmlvar menus = document.querySelectorAll("ul.application>li>a");
menus = [].slice.call(menus);
menus.forEach(function(element) { ... });
如果您的环境支持ES6,那么您可以使用Array.from()
var menus = document.querySelectorAll("ul.application>li>a");
menus = Array.from(menus);
menus.forEach(function(element) { ... });
