JavaScript读取样式跨浏览器

JavaScript读取样式跨浏览器

样式表属性有三种：

1.  内联样式，元素style属性里面设置的，级别最高 
   
2. 页面样式，即页面<style></style>里面定义的，级别次之 
   
3. 外部链接样式，文件由<link>连接

document.getElementById('div1').style.height这种方法只能读取内联样式的属性值，不能读取页面样式和外部链接样式的属性值。

可以通过IE的currentStyle和FF的getComputedStyle来读取页面样式和外部链接样式的属性值。

下面通过一个函数来读取样式的属性值：

function getStyle(obj,styleName){
var styleValue="";
if(obj.style[stylename])
styleValue = obj.style[styleName];
else if(obj.currentStyle)
styleValue=obj.currentStyle[styleName];
else if(window.getComputedStyle(obj,false))
styleValue=getComputedStyle(obj,false)[styleName];
return styleValue;
};