JavaScript gets a specific CSS attribute value _ Experience Exchange

<link id= "System_style" type= "Text/css" href= "Global.css" rel= "stylesheet"/>
<div id= "Myarticle" >
...
</div>

In Global.css, it was declared


#myArticle {
width:400px;
height:300px;
}

In this case, directly through JS getElementById (' myarticle '). Style.width is unable to get 400px value because this value is defined in CSS, so you have to use other methods, I wrote the following function:


/**
* 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;
}

Now just through


Getstylevalue (0, ' #myArticle ', ' width ')

can be obtained:)