获取经过浏览器渲染样式封装

本文介绍了一个JavaScript函数,用于跨浏览器获取DOM元素的实际渲染样式值。该函数通过检测浏览器类型选择正确的API来确保兼容性。

 作用:获取经过浏览器渲染的样式值  

参数:        

eleObj:元素对象

          attr:样式属性

返回值:样式值

​ function getStyle(eleObj, attr) {    

            // 判断兼容

           if (eleObj.currentStyle) { //IE浏览器下  

              // 将获取到的样式值返回给外界        

          return eleObj.currentStyle[attr]; // attr相当于一个变量需要使用中括号语法  

            } else { //除了IE以外其它的浏览器      

           // 将获取到的样式值返回给外界      

            return getComputedStyle(eleObj)[attr];// attr相当于一个变量需要使用中括号语法

            }

}

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值