資訊專欄INFORMATION COLUMN
摘要：但是，用獲取到的集合卻不是的。于是小伙們做起了實驗，大致發(fā)現(xiàn)，如果對節(jié)點進(jìn)行刪除，那么是如果新增節(jié)點則不是。如果有新發(fā)現(xiàn)歡迎評論留言另一個值得注意的是關(guān)于和。從的文檔上籠統(tǒng)來說，所有集合都可以叫做，不過需要注意如下
在寫一個小組建的時候用到了document.querySelector，被小伙伴提醒說這個可能有坑，是啥呢？
先來一篇MDN的文檔解解饞：戳我戳我戳我>>>>>>>NodeList
翻譯一下主要部分：
對于現(xiàn)代瀏覽器來說，雖然NodeList不是Array，但是它是可枚舉的，因而它可以直接使用forEach等方法；
對于一些老版本的瀏覽器，可以使用Array.from或者Array.prototype.forEach來轉(zhuǎn)換NodeList為數(shù)組，繼而使用forEach等方法；
在有些情況下，NodeList是live(實時變化的)，但有些時候不是。
``
比如，使用document.getElementById，獲取該元素的childNodes，那么這個集合是live的。
但是，用document.querySelectorAll()獲取到的集合卻不是live的。
這個live具體指什么呢？意思是，如果你事先獲取到一個集合，保存在一個變量A上。在對這個集合進(jìn)行增刪改等操作，如果變量A能夠?qū)崟r反應(yīng)你的增刪改操作，說明集合是live的，反之則不是。
``
這個「坑」就在于，文檔也沒有能夠說明清楚，在用querySelector后，具體什么時候NodeList是live，什么時候NodeList不是live。
于是小伙們做起了實驗，大致發(fā)現(xiàn)，如果對節(jié)點進(jìn)行刪除，那么是live；如果新增節(jié)點則不是live。
朋友們也可以自己做做實驗。如果有新發(fā)現(xiàn)歡迎評論留言～
另一個值得注意的是：關(guān)于HTMLCollection和NodeList。
從MDN的文檔上籠統(tǒng)來說，所有集合都可以叫做NodeList，不過需要注意如下：
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/53525.html
摘要：最終版編號生成時間用戶名性別省市搞定，在運行程序，表頭改成編號用戶名生成時間等，不要英文這個問題搞定了。是代表對進(jìn)行什么樣的格式化，默認(rèn)來對其處理。分鐘后，我郁悶的回來了，知道這回客戶提了那些亂七八糟的需求么且聽下回分解睡衣篇 增刪改查，數(shù)據(jù)庫操作的四大法寶中最常用的就是查了，一條記錄、幾條記錄、一大堆記錄。對于yii2而言，尤其后臺，GridView是最常用且好用的數(shù)據(jù)列表部件，今天...
摘要：現(xiàn)在開始搭建我們自己的后臺管理了房屋管理后臺開發(fā)在中創(chuàng)建數(shù)據(jù)表重新發(fā)布項目使用代碼生成模塊注，不要創(chuàng)建表名為的表。 guns框架 Guns基于SpringBoot,致力于做更簡潔的后臺管理系統(tǒng),完美整合springmvc + shiro + mybatis-plus + beetl!Guns項目代碼簡潔,注釋豐富,上手容易,同時Guns包含許多基礎(chǔ)模塊(用戶管理,角色管理,部門管理,字...
摘要：最近公司要做一個上傳的插件，要在下先實現(xiàn)功能，要求顯示上傳進(jìn)度，文件信息，斷點續(xù)傳等等。我一看，艾瑪，沒做過啊。沒辦法，，只能去查資料了。作為一名還未畢業(yè)的大學(xué)僧，本人表示亞歷山大。不過還好是做出來了，不敢說代碼寫得很好，大家將就著看吧。 最近公司要做一個html5上傳的jquery插件，要在下先實現(xiàn)功能，要求顯示上傳進(jìn)度，文件信息，斷點續(xù)傳等等。我一看，艾瑪！Σ(?д?lll)，沒做...
閱讀 2830·2021-11-22 14:45
閱讀 986·2021-10-15 09:41
閱讀 1153·2021-09-27 13:35
閱讀 3966·2021-09-09 11:56
閱讀 2692·2019-08-30 13:03
閱讀 3256·2019-08-29 16:32
閱讀 3369·2019-08-26 13:49
閱讀 847·2019-08-26 10:35
