js遍历DOM(文档对象模型)对象

版权声明： https://blog.csdn.net/qq_33459369/article/details/81809804

<div>
    <span>第一个</span>
    <span>第二个</span>
    <span>第三个</span>
</div>
<span>第四个</span>
</body>

1、jQuery的遍历方法：它接受两个参数 index为当前索引，element为当前对象

$('div span').each(function (index,element) {
        console.log($(this).text());
    });

2、forEach循环：由于foreach是Array型自带的，对于一些非这种类型的，无法直接使用(如NodeList)，可先转换为数组，再进行遍历

let spanList = document.querySelectorAll('div span');   //spanList不是数组，而是nodeList
    Array.prototype.slice.call(spanList).forEach(function(element,index){
        console.log(element.innerHTML);
    })

  //等同于
    Array.prototype.forEach.call(spanList,function(element,index){
        console.log(element.innerHTML);
    });

  //等同于
    [].slice.call(spanList).forEach(function(element,index){
        console.log(element.innerHTML);
    });