获取html元素的样式值（包括默认的）

如何用Javascript获取HTML元素的Style属相值呢，你可能想到了el.style[styleName]，但很不幸的是这种方法只能获取显示指定的Style值，比如<div style="color:red" ]可以获取该值，但如果想获取一些默认继承的Style值，比如font-size就不行了。那么怎么办呢？别急，看下面的：

function getElementStyle(elementID,styleNameForIE,styleNameForFF){
        el=document.getElementById(elementID);
        if(el.currentStyle){
            var style=el.currentStyle[styleNameForIE];
            alert('IE:'+style);
        }else if(document.defaultView && document.defaultView.getComputedStyle){
            var css=document.defaultView.getComputedStyle(el,null);
            var style = css ? css.getPropertyValue(styleNameForFF) : "";
            alert('FF:'+style);
        }else{
            style="no style";
        }
        
        return style;
}

 

上面的函数就可以获取所有当前某个元素的Style值，不论是显示还是默认的值都可以。你可能已经注意到了，IE和Firefox在实现的时候稍有不同。其中需要注意的是，当浏览器是IE的时候，传入的styleNameForIE应该是型如"fontSize", "paddingLeft"，如果浏览器是FireFox的话，则styleNameForFF应该是型如"font-size", "padding-left"，一定要注意哦。