/* getComputedStyle 获取当前元素所有最终使用的CSS属性值 在IE9以下的浏览器不支持(不包含IE9)、
* currentStyle IE6 ,7 ,8 获取当前样式
* 以上两个不要设置样式表里没有的样式
* currentStyle IE6 ,7 ,8 获取当前样式
* 以上两个不要设置样式表里没有的样式
* */
<style>
#box{width: 200px}
</style>
</head>
<body>
<div id="box" style="width: 300px"></div>
<script src="our.js"></script>
<script>
/* getComputedStyle 获取当前元素所有最终使用的CSS属性值 在IE9以下的浏览器不支持(不包含IE9)、
* currentStyle IE6 ,7 ,8 获取当前样式
* 以上两个不要设置为设置后的样式
*颜色值不要拿来做判断
*
* */
/* cssText 加入行间样式 */
$('#box').style.cssText = 'width:350px;';
/*alert(getComputedStyle($('#box')).width);//350px*/
alert(getStyle(($('#box')),'width'));//350px
function getStyle(obj,attr){
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr] ;
}
</script>