操作外部样式表中的样式

获取并操作外部样式表
    var cssRules = 
        document.styleSheets[0].cssRules || document.styleSheets[0].rules;
    alert(cssRules[0].style.color);

修改外部样式表
    cssRules[1].style.backgroundColor = "red";  

最终样式  
    
    IE
    在每个元素上提供currentStyle对象。
    可以用currentStyle得到内部样式和外部样式规则属性。
    currentStyle是只读属性。
    document.defaultView.getComputedStyle(div,null).backgroundColor 很多浏览器不支持。

 

function getStyle(a, b){
    
        if(document.styleSheets[a].cssRules){
            return document.styleSheets[a].cssRules[b]; //FF 谷歌
        }else{
            return document.styleSheets[a].rules[b];//Ie 谷歌
        }
    }

 

obj 元素对象  attr 元素属性
    function getStyleTwo(obj,attr){
    
      return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];