Js中盒子模型的样式获取

Js中盒子模型的样式获取

Js中盒子模型的样式获取

Js中盒子模型的样式获取

可以使用几种方法实现浏览器的兼容的编写:

Js中盒子模型的样式获取

Js中盒子模型的样式获取

Js中盒子模型的样式获取

Js中盒子模型的样式获取

还是使用in的方法好一点点,因为判断getComputedStyle的方法是否存在与window中,直接返回true或者是false,而第二种方法还要根据返回的值转化为true或者false,这比较耗费浏览器的性能。

第三种方法是判断当前的浏览器类型,根据浏览器类型来判断采取那种方法(获取浏览器信息:window.navigator.userAgent)

Js中盒子模型的样式获取

Js中盒子模型的样式获取

Js中盒子模型的样式获取

把以上的获取盒子 模型样式的方法进行优化:

Js中盒子模型的样式获取

Js中盒子模型的样式获取

第二次改进:能获取某些浏览器不兼容的样式,比如是透明度:opacity(主流浏览器兼容)

透明度在ie6-8中不兼容,得使用滤镜来处理:filter:alpha(opacity:10)

Js中盒子模型的样式获取

相关文章: