用document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。
兼容性处理
解决方案：
处理IE,引入currentStyle,runtimeStyle,getComputedStyle style 标准的样式,可能是由style属性指定的！
通过currentStyle就可以获取到通过内联或外部引用的CSS样式的值了（仅限IE） 如：document.getElementById("test").currentStyle.top
要兼容FF，就得需要getComputedStyle 出马了!
|
1
2
3
4
5
|
<style>
#a{
width :
300px
;
}
</style>
|
则:
|
1
2
3
4
5
6
7
8
|
var a
= document.getElementById(
'a'
);
if
(typeof a.currentStyle!='undefine') {//FF
var
width = a.currentStyle[
'width'
];
alert(
'ie:'
+ width);
}
else
if
(typeof window.getComputedStyle!='undefine') {//IE
var
width = window.getComputedStyle(a,
null
)[
'width'
];
alert(
'firefox:'
+ width);
}
|