ES6中用数组方法遍历DOM

最新的浏览器提供了一个名为querySelectorAll()的原生DOM方法，可以达到jQuery获取DOM的效果，例如

<div id="content">
    <a href="">href</a>
</div>

var a=document.querySelectorAll("#content a");

此处的a即为div中的所有a标签元素。但是这里的a为一个DOM集合，要想准确获取a标签，则应该用a[0]表示，但是这里的a虽然能用数组的方法，却不是一个标准数组。

ES中提供了可以直接将DOM集合转变成数组的方法rest和Array.from()。

1、rest方法

var doms=document.querySelectorAll('div')

var arr=[...doms]
arr.forEach((val)=>{
    console.log(val.innerHTML)
})

2、Array.from()方法

Array.from(doms).forEach(function (val){
    console.log(val.innerHTML)
})