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 相关文章推荐
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
JavaScript编程的单例设计模讲解
Nov 10 Javascript
获取input标签的所有属性的方法
Jun 28 Javascript
浅谈如何通过node.js对数据进行MD5加密
May 16 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
Dec 21 Javascript
javascript设计模式之装饰者模式
Jan 30 Javascript
JavaScript单线程和任务队列原理解析
Feb 04 Javascript
JavaScript this使用方法图解
Feb 04 Javascript
JavaScript简单编程实例学习
Feb 14 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 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
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
使用php清除bom示例
2014/03/03 PHP
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
用jquery和json从后台获得数据集的代码
2011/11/07 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
2014/10/10 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
jQuery排序插件tableSorter使用方法
2017/02/10 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
浅谈Node 调试工具入门教程
2018/03/20 Javascript
一步步教会你微信小程序的登录鉴权
2018/04/09 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
python 借助numpy保存数据为csv格式的实现方法
2018/07/04 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
python实现随机加减法生成器
2020/02/24 Python
python解释器安装教程的方法步骤
2020/07/02 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
组织关系转移介绍信
2014/01/16 职场文书
机械个人求职信范文
2014/01/24 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
农村文化活动总结
2014/08/28 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
php png失真的原因及解决办法
2021/11/17 PHP