在JavaScript中style只能获取元素的内联样式,内部样式和外部样式style是无法获取的。
js获取内部样式和外部样式使用getComputedStyle 和currentStyle。
IE下获取元素的实际属性使用currentStyle属性,getComputedStyle属性与currentStyle属性在作用上是相同的,都是获取内部样式或者外部样式。
两种方法的区别:
getComputedStyle适用于FF、safari、opera、chrome。在IE7~9中使用该方法获取内部或者外部样式都会报错。
currentStyle适用于IE浏览器。
所以在兼容性的考虑上,自行封装一个函数
function getStyle(obj,attr){
return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,null)[attr];
}