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 ...