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

function getStyle(el,styleNameForIE, styleNameForFF)
{
 var x = el;
 if (x.currentStyle)
 {
       var y = x.currentStyle[styleNameForIE];
 }
 else if (document.defaultView && document.defaultView.getComputedStyle)
 {
        var css = document.defaultView.getComputedStyle(x, null);
        var y = css ? css.getPropertyValue(styleNameForFF) : "";
 }
 else
 {
     var y = "";
 }
 return y;
}

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