JS类数组遍历

当我们想要获取多个DOM节点,并对每一个DOM节点都进行操作时,就需要使用类数组的遍历。

方法一:for循环遍历(比较耗性能,一般不用)

let tranche = document.getElementsByClassName("modify__quarter-date")

for(let i = 0; i < tranche.length; i++) {

    tranche[i].style.display = "none"

}

方法二:slice和call将类数组转化为数组

let tranche = [].slice.call(document.getElementsByClassName("modify__quarter-date"))

tranche.forEach(item => {

    item.style.display = "none"

})

说明:

①[ ]表示数组的实例,[ ].slice表示将数组整个进行返回,call表示将作用域提升到

document.getElementsByClassName("modify__quarter-date")

这个类数组中。

②foreach 语法:

[ ].forEach(function(value,index,array){
    // code
});

方法三:ES6中的...扩展运算符

let tranche = [...(document.getElementsByClassName("modify__quarter-date"))]

for(let item of tranche){

    item.style.display = "none"

}

说明:

①for of无法循环遍历对象

②for of不会遍历自定义属性

③for of遍历的是数组的值,而不是索引

你可能感兴趣的:(JS,JavaScript)