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