首頁 > web前端 > js教程 > javascript 使用 NodeList需要注意的問題_javascript技巧

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

WBOY
發布: 2016-05-16 17:41:07
原創
1401 人瀏覽過

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

複製代碼 代碼如下:


     }

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

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

複製代碼 代碼如下:

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

總結:一般來說,應該盡量減少造訪NodeList的次數。因為每次造訪NodeList,都會執行一個基於文件的查詢。所以,可以考慮將從NodeList中取到的值快取起來,如例子二所示!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板