js兼容获取元素的样式

时间:2021-08-25 23:45:09

js获取元素的样式的兼容性处理:

function getStyle(obj,attr){
  return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr];
}

使用方法:

如需要获取id为Div1的left值,就可以写成:

var oDiv = document.getElementById("div1");

getStyle(oDiv,"left");

就可以获取到这个div的left值,获取到值后,最好用parseInt或者其它方法把它转换成数字型。当然,这里你先需要在样式中设置了div的left值才能够获取到它的left值。