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

資訊專欄INFORMATION COLUMN

NodeList 與 HTMLCollection 二三事

melody_lql / 3389人閱讀

摘要:結(jié)構(gòu)如下是的返回結(jié)果是的結(jié)果不要在意兩個數(shù)量的區(qū)別,首先是快照,節(jié)點數(shù)量和類型的快照,就是對節(jié)點增刪,感覺不到,但是對節(jié)點內(nèi)部內(nèi)容修改,是可以感覺到的,比如修改是綁定的,節(jié)點的增刪是敏感的可寫性問題直接對,進行賦值,是失敗的元素是可讀的,是

Dom 結(jié)構(gòu)如下:

    
  • 1.dsfs
  • 2.dsfs
  • 3.dsfs
  • 5.dsfs
  • 4.dsfs
  • 6.dsfs
  • 7.dsfs
  • 8.dsfs
  • 1.NodeList 是 querySelectorAll 的返回結(jié)果

    2.HtmlCollection 是 getElementByTagName的結(jié)果

    3.不要在意兩個數(shù)量的區(qū)別,

    首先NodeList 是DOM 快照,節(jié)點數(shù)量和類型的快照,就是對節(jié)點增刪,NodeList 感覺不到,但是對節(jié)點內(nèi)部內(nèi)容修改,是可以感覺到的,比如修改innerHTML;
    HtmlCollection 是live綁定的,節(jié)點的增刪是敏感的;

    4.可寫性問題
    1.直接對NodeList, HtmlCollection進行賦值,是失敗的
    

    2.元素是可讀的,是對dom節(jié)點的引用
    > var ef = lis[1]
    < undefined
    > ef 
    < 
  • ?2.dsfs?
  • ? > lis[1] = ef <
  • ?2.dsfs?
  • ? > Object.prototype.toString.call(ef) < "[object HTMLLIElement]"
    3.然后我就想將NodeList,或者HtmlCollection 排個序啥的,很常見的需求
    既然直接修改不行,那我先存到數(shù)組

    轉(zhuǎn)換過后可行,下面直接進行排序
    > lis = document.querySelectorAll("li");
    < (8) [li, li, li, li, li, li, li, li]
    > myDiv.innerHTML = Array.from(lis).sort((a,b)=>parseInt(b.innerHTML)-parseInt(a.innerHTML)).map((item)=>item.outerHTML).join("");

    完美降序排序
    在用HTMlCollection來實現(xiàn)一下升序,完美;

    ..]

    文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/91863.html

    相關(guān)文章

    • dom事件流相關(guān)的三事

      摘要:但對于整個事件流上的別的元素來說,執(zhí)行順序還會受到另外一個因素的影響。以上面的場景為例,在捕獲階段執(zhí)行的事件,如果執(zhí)行,則事件流終止,不會到達目標(biāo)階段,的世界則不會被執(zhí)行執(zhí)行結(jié)果為線上參考事件流 向dom綁定事件的事件的三種方式 行內(nèi)綁定 按鈕 js內(nèi)綁定 btnDom.onclick = function clickHandler() { console.log(click)...

      Anleb 評論0 收藏0
    • HTMLCollectionNodeList

      摘要:唯一要注意的是返回的雖然是,但是實際上是元素集合,并且是靜態(tài)的其他接口返回的和都是的。與相同的是它也是一個動態(tài)的集合,與不同的是,中保存的是一組無序的屬性節(jié)點的集合。及以下版本瀏覽器中,注釋屬于算作因此會出現(xiàn)在里。而且是元素的集合。 NodeList v.s. HTMLCollection 主要有兩個方面不一樣1.包含節(jié)點的類型2.使用方法 1.包含節(jié)點的類型不同(重要) (1)Nod...

      msup 評論0 收藏0
    • HTMLCollectionNodeList

      摘要:唯一要注意的是返回的雖然是,但是實際上是元素集合,并且是靜態(tài)的其他接口返回的和都是的。與相同的是它也是一個動態(tài)的集合,與不同的是,中保存的是一組無序的屬性節(jié)點的集合。及以下版本瀏覽器中,注釋屬于算作因此會出現(xiàn)在里。而且是元素的集合。 NodeList v.s. HTMLCollection 主要有兩個方面不一樣1.包含節(jié)點的類型2.使用方法 1.包含節(jié)點的類型不同(重要) (1)Nod...

      yanwei 評論0 收藏0
    • 數(shù)組方法的三事

      摘要:常用的數(shù)組方法刪除數(shù)組的最后一個元素,返回被刪除的元素,原數(shù)組長度減。原數(shù)組發(fā)生了變化,但沒有創(chuàng)建新的數(shù)組。將指定數(shù)組進行排序,返回排好序的數(shù)組。顛倒數(shù)組元素的順序,返回逆序后的數(shù)組。 數(shù)組,對于每一個前端人員來說是非常常見且重要的數(shù)據(jù)結(jié)構(gòu)之一,也是面試常常出現(xiàn)的題目,掌握數(shù)組的方法能幫助我們更高效地處理問題。不過在數(shù)組的學(xué)習(xí)中,我們常常會混淆數(shù)組本身的方法和Javascript提供的...

      VincentFF 評論0 收藏0

    發(fā)表評論

    0條評論

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