关于dom数组对象遍历的坑

正常遍历:

  

  for(var i=0;i<length;i++){

  }

  通过下标获取相对应位置的元素并调用其Api , 没有任何问题

 

特殊遍历方法

  错误代码演示:

  

1           //获取到所有的需要操作的对象
2                 var imgs = document.getElementsByClassName("box")[0].getElementsByTagName("div");
3 
4                 var imgKey = null;
5                 for (imgsKey in imgs) {
6                     console.log("-----")
7                     console.log(imgsKey);
8                 }

 

打印结果如下:

  关于dom数组对象遍历的坑

 

 可见, 通过这种遍历获取的对象并不是与imgs[i]等价的形式, 而是获取到的imgs的各种属性信息.

  

 

上一篇:经验总结


下一篇:flutter 图片组件