getComputedStyle && currentStyle

/* getComputedStyle 获取当前元素所有最终使用的CSS属性值 在IE9以下的浏览器不支持(不包含IE9)、
 * 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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值