讀寫元素CSS屬性

1. dom.style.prop
   間接修改css屬性
   div.style--->返回CSSStyleDeclaration類數(shù)組，記錄這個div所能使用的所有css屬性。因此，類數(shù)組作為一個實(shí)際上的對象，是可讀可寫的。

• 可讀寫行間樣式，（不能讀寫外聯(lián)css樣式），沒有兼容性問題，碰到float這樣的保留字屬性，前面應(yīng)加css
• eg：float-->cssFloat
• 復(fù)合屬性必須拆解，組合單詞變成小駝峰式寫法
  eg：div.style.border盡量寫成div.style.borderWidth;div.style.borderStyle
  background-color必須寫成backgroundColor
• 寫入的值必須是字符串格式

查詢計算樣式

1. window.getComputedStyle(ele,null);
   eg：window.getComputedStyle(div,null);-->獲取的是當(dāng)前這個元素所展示的一切css顯示值CSSStyleDeclaration，包括默認(rèn)值
   eg：window.getComputerStyle(div,null).width;-->獲取權(quán)重最高的顯示出來的最終值，與dom.style不一樣，后者只讀取行間樣式。

• 計算樣式只讀
• 返回的計算樣式的值都是絕對值，沒有相對單位
• IE8及IE8以下不兼容
• null是用來填寫偽元素的

2. ele.currentStyle

• 計算樣式只讀
• 返回的計算樣式的值不是經(jīng)過轉(zhuǎn)換的絕對值
• IE獨(dú)有的屬性

3. 封裝兼容性方法getStyle(elem,prop);

function getStyle(elem,prop){
    if(window.getComputedStyle){
        return window.getComputedStyle(elem,null)[prop];
    }else{
        return elem.currentStyle[prop];
    }
}