作用:获取元素的样式,但不能设置样式
好处:(与offsetLeft相比)offsetLeft获取到的值只有在left要与position搭配(脱离文档流)时才有效,所以有时候靠offsetLeft获取的值不一定准确。但getComputedStyle与currentStyle方法是只要元素的属性 left 被赋值,就能获取出相应的值
区别:
getComputedStyle:谷歌,火狐支持
currentStyle:IE(8)支持
用法(兼容代码):
function getStyle(element, attr) {
//判断浏览器是否支持这个方法,返回字符串类型,带px单位
return window.getComputedStyle ? window.getComputedStyle(element, null)[attr] : element.currentStyle[attr] || 0;
}