牛骨文教育服务平台(让学习变的简单)
博文笔记

Js中盒子模型的样式获取

创建时间:2017-09-07 投稿人: 浏览次数:455




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





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

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




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



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

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


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。