當前位置:成語大全網 - 書法字典 - js如何獲取css樣式的背景屬性值?

js如何獲取css樣式的背景屬性值?

如何在ss文件中獲取屬性值:

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