腳本化CSS
讀寫元素
- dom.style.prop
- 可讀寫行間樣式, 沒有兼容性問題, 碰到float這樣的關(guān)鍵字屬性, 前面應(yīng)加CSS
- eg: float--->cssFloat
- 復(fù)合屬性必須拆解, 組合單詞變成小駝峰式寫法
- 寫入的值必須是字符串格式
查詢計(jì)算樣式
- window.getComputedStyle(ele, null);
- eg : window.getComputedStyle(elem, 'before'), 這樣取的是偽元素的樣式表
- 計(jì)算 只讀 樣式
- 返回的計(jì)算樣式的值都是絕對值, 沒有相對單位
- IE8以及IE8以下不兼容
查詢樣式
- ele.currentStyle
- 計(jì)算樣式只讀
- 返回的計(jì)算樣式的值不是經(jīng)過轉(zhuǎn)換的絕對值
- IE獨(dú)有的屬性
封裝兼容方法getStyle(obj, prop);
function getStyle(elem, prop,fakeNode) {
if(window.getComputedStyle){
return window.getComputedStyle(elem, fakeNode)[prop];
}else{//低版本IE
return elem.currentStyle[prop];
}
}
學(xué)到這里的朋友們就可以自己嘗試去做一個輪播圖了, 下面附上我自己做的輪播圖代碼鏈接, http://blog.csdn.net/c_kite/article/details/53190653
