javascript 使用 NodeList需要注意的問題_javascript技巧

因此，他們總是存著最新，最準確的資訊。從本質上來說，所有NodeList物件都是存取DOM文件時即時執行的查詢。例如下列程式碼會導致無限的循環：

複製代碼 代碼如下:

     }

div，由於這個集合（divObj）是“動態的”，因此只要有新的div插入到頁面中，divObj都會添加這個新添加的div。也就是說，只要造訪divObj，都會重新查詢一次，重新更新一下divObj。所以，上面的程式碼，會出現死循環，因為每次循環的時候都插入了一個新的div，而每次循環都要對條件i的查詢。

  如果想要迭代一個NodeList，最好是使用length屬性初始化第二個變量，然後將迭代器與該變數比較。如下程式碼所示：

複製代碼 代碼如下:

中初始化了第二個變數(len)。由於len中保存著對divObj.length的在循環開始時的一個快照，因此就會避免上個例子的死循環。

總結：一般來說，應該盡量減少造訪NodeList的次數。因為每次造訪NodeList，都會執行一個基於文件的查詢。所以，可以考慮將從NodeList中取到的值快取起來，如例子二所示！