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