JavaScript兼容性总结之获取非行间样式案例


Posted in Javascript onAugust 07, 2016

非行间样式案例

#div1 {
  width: 200px;
  height: 200px;
  background: red;
}

IE获取非行间样式

var oDiv = document.getElementById('div1'); 
oDiv.currentStyle.width;
Chrome/FF获取非行间样式
var oDiv = document.getElementById('div1');
oDiv.getComputedStyle(oDiv,false).width;

我的兼容性写法

var oDiv = document.getElementById('div1');
var eleWidth = oDiv.currentStyle && oDiv.currentStyle.width || getComputedStyle(oDiv,false).width;

我的扩展性写法

function getStyle(obj,name){
  return obj.currentStyle?obj.currentStyle[name]:getComputedStyle(obj,false)[name];
}

==注意== 以上只能获取非行间样式,不能设置非房间样式的值。

以上所述是小编给大家介绍的JavaScript兼容性总结之获取非行间样式的全部叙述,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jQuery - css() 方法示例详解
Jan 16 Javascript
alert和confirm功能介绍
May 21 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
详解Vue、element-ui、axios实现省市区三级联动
May 07 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 Javascript
js canvas实现五子棋小游戏
Jan 22 Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 #Javascript
Google 地图API Map()构造器详解
Aug 06 #Javascript
Google 地图API资料整理及详细介绍
Aug 06 #Javascript
jquery自动补齐功能插件flexselect用法示例
Aug 06 #Javascript
Google 地图类型详解及示例代码
Aug 06 #Javascript
Google 地图控件集详解及实例代码
Aug 06 #Javascript
Google 地图事件实例讲解
Aug 06 #Javascript
You might like
codeigniter中实现一次性加载多个view的方法
2015/03/20 PHP
ASP SQL防注入的方法
2008/12/25 Javascript
javascript整除实现代码
2010/11/23 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
checkbox选中与未选中判断示例
2014/08/04 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
Javascript技术栈中的四种依赖注入详解
2016/02/23 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
js 获取经纬度的实现方法
2016/06/20 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
vue组件与复用详解
2018/04/08 Javascript
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
2019/09/10 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
python网页请求urllib2模块简单封装代码
2014/02/07 Python
python标准算法实现数组全排列的方法
2015/03/17 Python
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
2015年副班长工作总结
2015/05/15 职场文书
学生检讨书范文
2019/06/24 职场文书
Python实现天气查询软件
2021/06/07 Python
nginx之内存池的实现
2022/06/28 Servers