将NodeList转换为阵列，以便步进器使用IE

Question

我想创建一个简单的VanillaJS水平步进器，而不添加CSS或JS库。我找到了这个例子，但它不适用于IE浏览器。问题在于以下线路：

const  bullets  =  [...document.querySelectorAll('.bullet')];

他正在将class.bullet的"div"的NodeList转换为Array。有什么办法让它发挥作用吗；Array.prototype.slice"；并在JS数组中复制Nodelist失败。。

Answer 1

我只需要用for循环之类的东西迭代nodeList，然后将nodeList项添加到数组中。类似这样的东西：

let bulletsArray = [];
let bullets = document.querySelectorAll('bullets');
for(let i = 0; i < bullets.length; i++) {
bulletsArray.push(bullets[i])
}

以下是一个工作演示：https://codepen.io/inklingboi/pen/BapmdBw?editors=1010注意：我最初的想法是使用Array.from((，但在检查了它在mdn上的兼容性列表后https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from我注意到IE 不支持它

Answer 2

IE似乎不支持addEventListener((函数，因为我在那一行得到了一个错误：

nextBtn.addEventListener('click', ()=> {..});