用于HTMLCollection元素的循环

Question

用于HTMLCollection元素的循环

我正在尝试将所有元素的id设置为HTMLCollectionOf..我编写了以下代码：

var list = document.getElementsByClassName("events");console.log(list[0].id);for (key in list) {
    console.log(key.id);}

但是我在控制台中得到了以下输出：

event1undefined

这不是我所期望的。为什么第二个控制台输出？undefined但是第一个控制台输出是event1?

Answer 1

在ES6中，你可以做一些类似的事情[...collection]，或Array.from(collection),let someCollection = document.querySelectorAll(someSelector)[...someCollection].forEach(someFn) //orArray.from(collection).forEach(someFn)例：-    navDoms = document.getElementsByClassName('nav-container');     Array.from(navDoms).forEach(function(navDom){      //implement function operations     });