摘要:結(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
首先NodeList 是DOM 快照,節(jié)點數(shù)量和類型的快照,就是對節(jié)點增刪,NodeList 感覺不到,但是對節(jié)點內(nèi)部內(nèi)容修改,是可以感覺到的,比如修改innerHTML;
HtmlCollection 是live綁定的,節(jié)點的增刪是敏感的;
1.直接對NodeList, HtmlCollection進行賦值,是失敗的
2.元素是可讀的,是對dom節(jié)點的引用
> var ef = lis[1] < undefined > ef <
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
摘要:但對于整個事件流上的別的元素來說,執(zhí)行順序還會受到另外一個因素的影響。以上面的場景為例,在捕獲階段執(zhí)行的事件,如果執(zhí)行,則事件流終止,不會到達目標(biāo)階段,的世界則不會被執(zhí)行執(zhí)行結(jié)果為線上參考事件流 向dom綁定事件的事件的三種方式 行內(nèi)綁定 按鈕 js內(nèi)綁定 btnDom.onclick = function clickHandler() { console.log(click)...
摘要:唯一要注意的是返回的雖然是,但是實際上是元素集合,并且是靜態(tài)的其他接口返回的和都是的。與相同的是它也是一個動態(tài)的集合,與不同的是,中保存的是一組無序的屬性節(jié)點的集合。及以下版本瀏覽器中,注釋屬于算作因此會出現(xiàn)在里。而且是元素的集合。 NodeList v.s. HTMLCollection 主要有兩個方面不一樣1.包含節(jié)點的類型2.使用方法 1.包含節(jié)點的類型不同(重要) (1)Nod...
摘要:唯一要注意的是返回的雖然是,但是實際上是元素集合,并且是靜態(tài)的其他接口返回的和都是的。與相同的是它也是一個動態(tài)的集合,與不同的是,中保存的是一組無序的屬性節(jié)點的集合。及以下版本瀏覽器中,注釋屬于算作因此會出現(xiàn)在里。而且是元素的集合。 NodeList v.s. HTMLCollection 主要有兩個方面不一樣1.包含節(jié)點的類型2.使用方法 1.包含節(jié)點的類型不同(重要) (1)Nod...
摘要:常用的數(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提供的...
閱讀 3650·2021-10-12 10:11
閱讀 1013·2021-09-22 15:42
閱讀 3465·2019-08-30 13:06
閱讀 907·2019-08-29 17:05
閱讀 1651·2019-08-29 12:21
閱讀 2378·2019-08-29 11:31
閱讀 1136·2019-08-23 18:37
閱讀 1257·2019-08-23 14:58