javascript 获取特定的 CSS属性值

Example Source Code

global.css声明
 Example Source Code
#myArticle{
width:400px;
height:300px;
}

...

　　这样情况，直接通过JS进行getElementById(’myArticle’).style.width无法获取400px值，因这数值定CSS里，所，必须其方法，写函数：  Example Source Code

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;
    }
　　现只通过
 Example Source Code
getStyleValue(0,’#myArticle’,‘width’)
获得400px

CSSStyleSheet对象
通过 document.styleSheets 访问到CSSStyleSheet的集合。其中每一个元素是一个CSSStyleSheet，就是从样式文件引入或用定义的一个样式列表。
 
属性disabled : true or false ,该样式是否可用。
属性cssRules : 所有样式的列表，在ie中要用rules 
 useage : document.styleSheets[0].cssRules[0].selectorText
 
CSSStyleRule对象
上面的cssRules 取到的就是CSSStyleRule对象的集合，每一个CSSStyleRule对象就是一条css样式。
 
cssText属性：以字符串形式表示了当前状态的全部规则（ie不支持）。
useage : document.styleSheets[0].cssRules[0].cssText
selectorText 属性: 规则的选择符。（.className）
style属性 ： 与HTMLElement.style取得的对象类似，取得了一个CSSStyleDeclaration对象的引用。
  
CSSStyleDeclaration对象
上面style属性取到的就是一个CSSStyleDeclaration对象，包含了一条样式的所有样式属性。
 
cssText属性：以字符串形式表示了当前状态的全部规则（ie可以支持这个）。
useage : document.styleSheets[0].cssRules[0].style.cssText