高性能Javascript 用局部变量缓存集合元素

document.images;

由于集合元素是处于实时状态的实时存在,它与底层dom连接着。在遍历它的每一个属性或length时都会带来查找，从而性能开销很高。

这里是有关集合元素在循环处理时的优化原则

一、用变量缓存集合元素

二、在循环在缓存集合length属性

三、在循环中用变量缓存当前数组

样例代码

var coll = document.getElementsByTagName('div');

     len = coll.length,

     name = '',

     el = null;

for(var count = 0; count < len; count++){

　　el = coll[count];

     name = el.nodeName;

     name = el.nodeType;

　　name = el.tagName;

}

写法比较好，用var   ,,,,,,这种方式把要用的变量全部先声明， 严格实践HTML集合元素的三步  ,用变量缓存集合，缓存length,在循环中用变量得到当前元素，