指令碼化CSS

2021-09-27 01:18:56 字數 499 閱讀 3342

讀寫元素css屬性

dom.style.prop

可讀寫行間樣式,沒有相容性問題,碰到float這樣的保留字屬性,前面加css

復合屬性必須拆解,組合單詞變成小駝峰式寫法 eg:float–>cssfloat

寫入的值必須是字串格式

查詢計算樣式

window.getcomputedstyle(ele,null);/.prop/[『prop』]window.getcomputedstyle(div,"after").width->獲取偽元素的唯一方法

計算樣式唯讀 ie 8及ie 8以下不相容

返回的計算樣式的值都是絕對值,沒有相對單位

ie獨有的屬性

elel.currentstyle

計算樣式唯讀 返回的計算樣式的值不是經過轉換的絕對值

css指令碼化

dom.style.prop 1 可讀寫行間樣式,沒有相容性問題,碰到float的保留字屬性,其前面應加css 不加也可以 2 復合屬性必須拆解,組合單詞變成小駝峰式 border 1px solid black 屬性拆解 borderwidth 1px borderstyle solid bord...

指令碼化CSS

一 指令碼化內聯樣式 style是元素物件的屬性,它可以在js中操作。但是style屬性不同尋常 它的值不是字串,而是乙個cssstyledeclaration物件。如果css中屬性名帶 在cssstyledeclaration屬性中應改成駝峰命名。使用cssstyledeclaration物件的s...

獲取視窗屬性,獲取dom尺寸,指令碼化CSS 自用

document.body documentelement.scrolleftscrolltop 封裝相容性方法,求滾動輪滾動離getscrolloffset return x 滾動條滾動的x軸距離 return y 滾動條滾動的y軸距離 function getscrolloffset else ...