js中style,currentStyle和getComputedStyle的区别

style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。

currentStyle可以弥补style的不足，但是只适用于IE。

getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。

 

使用getStyle的自定义函数，来兼容ie和其他浏览器，使用getStyle来获取页面中元素的样式，问题解决。

var getStyle = function (obj, attr) {
if (obj.currentStyle) {
return obj.currentStyle[attr];
} else {
return getComputedStyle(obj, false)[attr];
}
}

 

注意：

currentStyle和getComputedStyle只能用于获取页面元素的样式，不能用来设置相关值。

如果要设置相应值，应使用style。