讀寫元素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 ...