最新的浏览器提供了一个名为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)
})