js获取样式、currentStyle和getComputedStyle的兼容写法

currentStyle获取计算后的样式,也叫当前样式、最终样式。优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到。注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等。

currentStyleie、opera上是可行的,无法适用于所有浏览器的
getComputedStyle( obj , false ) 是支持 w3c (FF12、chrome 14、safari):在FF新版本中只需要第一个参数,即操作对象,第二个参数写“false”也是大家通用的写法,目的是为了兼容老版本的火狐浏览器。
所以可以这样来写兼容:

 

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

 

你可能感兴趣的:(js获取样式、currentStyle和getComputedStyle的兼容写法)