获取页面元素的style中的样式

页面中的元素定义的style可以设置style属性，也完全可以通过设置class来进行css样式定义，那么我们想读取其中的style怎么办呢？ 

< style  type ="text/css" > ...
.cla{...}{
color:red;
}
</ style >
< script  type ="text/javascript" > ...
function getStyle(styleName)...{
    var obj = document.getElementById("test");
    if (obj.currentStyle)   
        var y = obj.currentStyle[styleName];
    else if (window.getComputedStyle)   
        var y = document.defaultView.getComputedStyle(obj,null).getPropertyValue(styleName);   
    alert(y); 
}
</ script >
</ head >

< body >
< div  id ="test"  class ="cla" > test </ div >
< button  onclick ="getStyle('color');" > check </ button >
</ body >

按照上面的这种方法就可以得到style了，不过有些样式在不同浏览器中得到的结果不一样，上面的color在ie和Opera中得到的是red，而在firefox、netscape、Safari中得到就是“rgb(255,0,0)”