用途:用于獲得在css文件中聲明的特定樣式中的某屬性值。如:
<link id="system_style" type="text/css" href="global.css" rel="stylesheet"/>
<div id="myarticle" style="left:10px;top:35px;" >
在global.css中聲明了
#myarticle{width:400px; height:300px;}
這樣的情況下,直接通過js進行getelementbyid(’myarticle’).style.width是無法獲取400px的值的,因為這個數值定義在css里,所以,必須要用其他方法,我寫了以下函數:
/**
* function for get the style value in special css file
* @param int css_file_id
* @param string labname
* @param string param
*/
function getstylevalue(css_file_id,labname,param)
{
var tar;
var rss;
var style;
var value;
tar = document.stylesheets[css_file_id];
rss = tar.cssrules?tar.cssrules:tar.rules
for(i=0;i<rss.length;i++)
{
style = rss[i];
if(style.selectortext.tolowercase() == labname.tolowercase())
{
value = style.style[param];
}
}
return value;
}
現在只要通過
getstylevalue(0,'#myarticle','width')
就可以獲得啦:)
新聞熱點
疑難解答