JavaScript gets a specific CSS property value _ Experience Exchange

...


Declared in the GLOBAL.CSS


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

In this case, directly through the JS getElementById (' myarticle '). Style.width is unable to get the value of 400px, because this value is defined in the 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
{
style = Rss[i];
if (style.selectorText.toLowerCase () = = Labname.tolowercase ())
{
Value = Style.style[param];
}
}
return value;
}

Now just Pass


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

You can get it:)

