Js獲取/設置行內樣式和非行內樣式

1、獲取行內（內嵌、行間）樣式：

　　obj.style.attr;進行獲取非行間樣式。

 

2、設置行內樣式：

　　obj.style.attr = value;

 

3、獲取非行內樣式：

function getStyle(obj,attr){    //獲取非行間樣式，obj是對象，attr是值
    if(obj.currentStyle){   //針對ie獲取非行間樣式
        return obj.currentStyle[attr];
    }else{
        return getComputedStyle(obj,false)[attr];   //針對非ie
    };
};

 

4、設置非行內樣式：

function css(obj,attr,value){   //對象，樣式，值。傳2個參數的時候為獲取樣式，3個是設置樣式
    if(arguments.length == 2){  //arguments參數數組，當參數數組長度為2時表示獲取css樣式
        return getStyle(obj,attr);  //返回對象的非行間樣式用上面的getStyle函數
    }else{
        if(arguments.length == 3){  //當傳三個參數的時候為設置對象的某個值
            obj.style[attr] = value;
        };
    };
};