1.getComputedStyle是壹個CSS屬性值,可以獲取當前元素的所有最終用途。
返回壹個CSS樣式聲明對象,該對象是只讀的。此方法支持Firefox瀏覽器。
語法:var style = window。getComputedStyle ("element "," pseudo class ");第壹個參數是必需的,第二個是可選的。
第二,currentStyle是壹個可以兼容IE瀏覽器的屬性。它返回所有當前使用的CSS屬性值。
帶元素。CurrentStyle.attribute,可以獲取。
與getComputedStyle不同:1和currentStyle不支持偽類樣式獲取;
2.currentStyle不支持現代瀏覽器,但支持IE。
代碼描述:
[html]查看純文本
& ltspan style = " font-size:14px;"& gt& lt!DOCTYPE html & gt
& lthtml & gt
& lthead & gt
& ltmeta charset="utf-8 " >
& lttitle & gt& lt/title & gt;
& lt/head & gt;
& ltstyle type="text/css " >
#div1{
寬度:100 px;身高:100 px;背景:紅色;
}
& lt/style & gt;
& ltbody & gt
& ltdiv id="div1 " >& lt/div & gt;
& lt/body & gt;
& ltscript type = " text/JavaScript " & gt;
var oDiv = document . getelementbyid(' div 1 ');
/*
只能得到,不能設定。
妳得到的是計算好的風格。
最好不要搞復合風格。
獲得的樣式應該設置初始值。
獲取的樣式類型是字符串。
不要空格['寬度']
*用px獲取樣式。
Transform得不到。
過渡不準確。
*/
函數getStyle(obj,attr){
if(obj.currentStyle){ //IE
return obj . current style[attr];
}否則{
Return getComputedStyle(obj," pseudo class ")[attr];//Firefox
}
}
alert(getStyle(oDiv1,' background ');& lt/html & gt;& lt/span>。