国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

小心,querySelector前方10米有坑

int64 / 1289人閱讀

摘要:但是,用獲取到的集合卻不是的。于是小伙們做起了實驗,大致發現,如果對節點進行刪除,那么是如果新增節點則不是。如果有新發現歡迎評論留言另一個值得注意的是關于和。從的文檔上籠統來說,所有集合都可以叫做,不過需要注意如下

在寫一個小組建的時候用到了document.querySelector,被小伙伴提醒說這個可能有坑,是啥呢?
先來一篇MDN的文檔解解饞:戳我戳我戳我>>>>>>>NodeList

翻譯一下主要部分:

對于現代瀏覽器來說,雖然NodeList不是Array,但是它是可枚舉的,因而它可以直接使用forEach等方法;

對于一些老版本的瀏覽器,可以使用Array.from或者Array.prototype.forEach來轉換NodeList為數組,繼而使用forEach等方法;

在有些情況下,NodeList是live(實時變化的),但有些時候不是。

``
比如,使用document.getElementById,獲取該元素的childNodes,那么這個集合是live的。
但是,用document.querySelectorAll()獲取到的集合卻不是live的。
這個live具體指什么呢?意思是,如果你事先獲取到一個集合,保存在一個變量A上。在對這個集合進行增刪改等操作,如果變量A能夠實時反應你的增刪改操作,說明集合是live的,反之則不是。
``

這個「坑」就在于,文檔也沒有能夠說明清楚,在用querySelector后,具體什么時候NodeList是live,什么時候NodeList不是live。

于是小伙們做起了實驗,大致發現,如果對節點進行刪除,那么是live;如果新增節點則不是live。

朋友們也可以自己做做實驗。如果有新發現歡迎評論留言~

另一個值得注意的是:關于HTMLCollection和NodeList。
從MDN的文檔上籠統來說,所有集合都可以叫做NodeList,不過需要注意如下:

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53525.html

相關文章

  • [yii2小心肝兒]GridView - 大衣篇

    摘要:最終版編號生成時間用戶名性別省市搞定,在運行程序,表頭改成編號用戶名生成時間等,不要英文這個問題搞定了。是代表對進行什么樣的格式化,默認來對其處理。分鐘后,我郁悶的回來了,知道這回客戶提了那些亂七八糟的需求么且聽下回分解睡衣篇 增刪改查,數據庫操作的四大法寶中最常用的就是查了,一條記錄、幾條記錄、一大堆記錄。對于yii2而言,尤其后臺,GridView是最常用且好用的數據列表部件,今天...

    skinner 評論0 收藏0
  • 輕松搞定后臺管理--guns框架

    摘要:現在開始搭建我們自己的后臺管理了房屋管理后臺開發在中創建數據表重新發布項目使用代碼生成模塊注,不要創建表名為的表。 guns框架 Guns基于SpringBoot,致力于做更簡潔的后臺管理系統,完美整合springmvc + shiro + mybatis-plus + beetl!Guns項目代碼簡潔,注釋豐富,上手容易,同時Guns包含許多基礎模塊(用戶管理,角色管理,部門管理,字...

    yangrd 評論0 收藏0
  • 獲取文檔元素

    摘要:提供了很多方式獲取文檔元素可以很方便的查詢文檔中一個或者多個元素一組元素集合有以下幾種方式通過指定的元素屬性通過指定的屬性通過指定的標簽名通過指定的名通過匹配的選擇器檢查對應的元素是否于參數選擇器匹配一些特殊集合通過屬性獲取元素 DOM提供了很多方式獲取文檔元素, 可以很方便的查詢文檔中一個或者多個元素[一組元素集合], 有以下幾種方式: 通過指定的元素id屬性(attribute)...

    moven_j 評論0 收藏0
  • html5文件上傳斷點續傳

    摘要:最近公司要做一個上傳的插件,要在下先實現功能,要求顯示上傳進度,文件信息,斷點續傳等等。我一看,艾瑪,沒做過啊。沒辦法,,只能去查資料了。作為一名還未畢業的大學僧,本人表示亞歷山大。不過還好是做出來了,不敢說代碼寫得很好,大家將就著看吧。 最近公司要做一個html5上傳的jquery插件,要在下先實現功能,要求顯示上傳進度,文件信息,斷點續傳等等。我一看,艾瑪!Σ(?д?lll),沒做...

    tianlai 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<