css指令碼化

2021-08-20 09:22:41 字數 955 閱讀 4044

dom.style.prop

1:可讀寫行間樣式,沒有相容性問題,碰到float的保留字屬性,其前面應加css  (不加也可以)

2:復合屬性必須拆解,  組合單詞變成小駝峰式

border:"1px solid black";

屬性拆解

borderwidth:"1px";

borderstyle:"solid";

bordercolor:"block";

小駝峰backgroungcolor:"red";

3:寫入的值必須是字串格式;

查詢計算樣式

window.getcomputedstyle()

兩個值  1:某乙個元素   2:null

1.唯讀

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

width:'10em '  返回width:'160px'    

backgroungcolor:"red";    返回backgroungcolor:"rgb(255,0,0)"; 

ie8以下不相容使用

ele.currentstyle

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

ie獨有

利用window.getcomputedstyle獲取當前元素的偽元素

查詢到div的after的width為50px

// 封裝getstyle

function getstyle(elem,prop)else

}

指令碼化CSS

讀寫元素css屬性 dom.style.prop 可讀寫行間樣式,沒有相容性問題,碰到float這樣的保留字屬性,前面加css 復合屬性必須拆解,組合單詞變成小駝峰式寫法 eg float cssfloat 寫入的值必須是字串格式 查詢計算樣式 window.getcomputedstyle ele...

指令碼化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 ...