之前寫『幻燈片』外掛程式的時候,在滾動要改變幻燈片位置的時候,發現怎麼對元素設定style都無效。。六臉懵逼0 0。之前做頭像外掛程式的時候也出現過這種問題。。不過那個是偶發的。。。現在還不知道為什麼。。於是一直以為是style的設定有誤。。後來不可置信的發現是innerhtml的問題。。
在建立每個的導航的時候,是生成了導航的節點,然後把父元素的innehtml+=生成的節點text。於是悲劇就發生了。。
看紅寶書上說:『innerhtml的值會被解析成dom樹,替換呼叫元素原來的所有子節點』所以在呼叫了innerhtml後,之前幻燈片元素就成了『過期的元素』,怎麼設定都不會有效了。。。
這樣可以順便扯扯outerhtml,它和innerhtml不一樣的就是它還包括了呼叫元素本身。然後和innerhtml有一樣的特性,呼叫了之後,之前的元素就會被替換掉。
dom操作無疑是耗費效能的,所以使用要注意。
紅寶書筆記 DOM0的小相關
今天看dom。不知道為什麼這兩天看書總是困乏。看一點就要看不下去了。好睏。效率有點低。所以吃完午飯之後半個小時就睡了一覺,起來還覺得困。於是又出去吃了壽司 於是終於精神了。迷之啟動方式 dom用於訪問html和xml。平常用於dom操作來動態改變頁面的內容。恩。可能是平常使用的dom操作有限。所以對...
新版紅寶書第五章基本引用型別(個人學習筆記)
new date fri oct 30 2020 15 14 29 gmt 0800 中國標準時間 new date gettime 1604042080981 new date todatestring fri oct 30 2020 new date totimestring 15 24 19 ...
新版紅寶書第六章集合引用型別(個人學習筆記)
在使用 array 建構函式時,也可以省略 new 操作符。結果是一樣的 new array 3 array 3 建立乙個包含 3 個元素的陣列 array 有兩個 es6 新增的用於建立陣列的靜態方法 from 和 of from 用於將類陣列結構轉換為陣列例項,而 of 用於將一組引數轉換為陣列...