处理兼容性问题得到属性值

用一个函数

function fetchComputedStyle(obj, property)传入两个参数,参数1-对象,参数2-属性名;

判断该运行环境是否可以运行getComputedStyle来获取属性值,以输出最佳结果:

if(window.getComputedStyle){

    //由于该函数属性值为驼峰型,所以若property是“-”连接形式的属性名则应将“-”和它后面第一个字符转化为该字符的大写形式

    //字符替换,正则表达式

    property = property.replace(/([A-Z])/g, function(match,$1){
return "-" + $1.toLowerCase();

})

    return getComputedStyle(obj)[property];   //   getComputedStyle(对象名)

}else{

    //和上面差不多,将“-”+连接的第一个小写字符转换成大写

    proerty = property.replace(/\-([a-z])/,function(match, $1){
return $1.toUpperCase();

})

    return obj.currentStyle[property];    //  对象.currentStyle

}

这样就可以直接调用这个函数,无论什么浏览器,都不会出现兼容问题啦

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值