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左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 Javascript
JS实现省市县三级下拉联动
Apr 10 Javascript
详解Vue中的自定义指令
Dec 07 Vue.js
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写的AES加密解密类分享
2014/06/20 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
javascript Array.prototype.slice使用说明
2010/10/11 Javascript
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
几种经典排序算法的JS实现方法
2016/03/25 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
Web前端框架Angular4.0.0 正式版发布
2017/03/28 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
Vue组件模板的几种书写形式(3种)
2020/02/19 Javascript
vant 时间选择器--开始时间和结束时间实例
2020/11/04 Javascript
使用pyecharts在jupyter notebook上绘图
2020/04/23 Python
Python中类的初始化特殊方法
2017/12/01 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
Django 拼接两个queryset 或是两个不可以相加的对象实例
2020/03/28 Python
python FTP编程基础入门
2021/02/27 Python
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
大学生毕业个人总结
2015/02/15 职场文书
自主招生自荐信范文
2015/03/04 职场文书
2015年幼儿园卫生保健工作总结
2015/05/12 职场文书
新闻稿怎么写
2015/07/18 职场文书
2016年社区党支部公开承诺书
2016/03/25 职场文书
PHP使用QR Code生成二维码实例
2021/07/07 PHP