循环查询javascript 使用 NodeList主意的问题

这几周个人几篇文章介绍了改循环查询的文章. 关联文章的地址

   解理NodeList及其远亲NamedNodeMap和HTMLCollection，是从体整上彻透解理DOM的关键所在，这三个合集都是“动态的”，换句话说，每当档文结构发生变化时，他们会都到得更新。因此，他们终始存着最新，最确准的信息。从质本上说，全部NodeList象对都是拜访DOM档文时实时行运的查询。例如列下代码会致使无穷的循环：

  <script type="text/javascript"> 
     window.onload=function(){
     var divObj=document.getElementsByTagName('div');
     for(var i=0;i<divObj.length;i++){
     var d=document.createElement("div");
     document.body.appendChild(d);
     }
     }
</script>

   首先获得页面中的全部div，由于这个合集（divObj）是“动态的”，因此只要有新的div插入到页面中，divObj会都添加这个新添加的div。也就是说，只要拜访divObj，会都从新查询一次，从新更新一下divObj。所以，下面的代码，会现出死循环，因为每次循环的时候都插入了一个新的div，而每次循环都要对条件i<divObj.length值求，意味着会行运获得的全部<div>的查询。

    每日一道理
有些冷，有些凉，心中有些无奈，我一个人走在黑夜中，有些颤抖，身体瑟缩着，新也在抖动着，我看不清前方的路，何去何从，感觉迷茫，胸口有些闷，我环视了一下周围，无人的街头显得冷清，感到整个世界都要将我放弃。脚步彷徨之间，泪早已滴下……

  如果想要迭代一个NodeList，最好是应用length属性初始化第二个变量，然后将迭代器与该变量比拟。如下代码所示：

<script type="text/javascript"> 
     window.onload=function(){
     var divObj=document.getElementsByTagName('div');
     for(var i=0,len=divObj.length;i<len;i++){
     var d=document.createElement("div");
     document.body.appendChild(d);
     }
     }
</script>

这个例子中初始化了第二个变量(len)。由于len中保存着对divObj.length的在循环开始时的一个照快，因此就会防止上个例子的死循环。

    结总：一般来说，该应尽量增加拜访NodeList的次数。因为每次拜访NodeList，会都行运一基于档文的查询。所以，可以虑考将从NodeList中取到的值存缓起来，如例子二所示！

文章结束给大家分享下程序员的一些笑话语录： 这年头的互联网真是娱乐了中国，网民们从各种各样的“门”里钻来钻去，又有好多“哥”好多“帝”，值得大家品味不已……网络经典语录，关于IT与互联网，经典与您分享！