JavaScript兼容性总结之获取非行间样式案例
更新时间：2016年08月07日 08:55:04 作者：走在全栈的路上
这篇文章主要介绍了JavaScript兼容性总结之获取非行间样式的相关资料,需要的朋友可以参考下
非行间样式案例
#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 Memoization 让函数也有记忆功能
函数可以用对象去记住先前操作的结果，从而能避免无谓的运算，这种优化被称为记忆（Memoization）。JavaScript 的对象和数组要实现这种优化是非常方便的。2011-10-10
大家经常用js实现打字机效果，最近发现这个不错2008-06-06
JS对象转换为Jquery对象的方便在于可以使用jquery的一些方法，下面有个示例，大家可以参考下2014-01-01
Javascript 闭包引起的IE内存泄露分析，js_obj是一个DOM元素的引用，DOM元素它长期在网页当中，不会消失，而这个DOM元素的一属性2012-05-05
实际参数在函数中我们可以使用 arguments 对象获得 （注：形参可通过 arguments.callee 获得），虽然 arguments 对象与数组形似，但仍不是真正意义上的数组。2010-01-01
这篇文章主要介绍了tsconfig.json配置详解，tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
JavaScript通过HTML的class来获取HTML元素的方法总结
除了getElementsByClassName()函数,我们可以自己动手编写程式来通过class获取元素,接下来我们整理了一下JavaScript通过HTML的class来获取HTML元素的方法总结,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了一个小时快速搭建微信小程序的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-04-04![JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )](//img.jbzj.com/images/xgimg/bcimg8.png)
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_
今天在网上看到一篇很有意思的文章（需翻墙），解释了几段非常有趣的 JavaScript 代码。你猜下面这段 JavaScript 代码是什么意思？2011-02-02
其实不管是一般方法还是面向对象的方法都还有很多可以改进的地方，有需要的先将就着用吧2012-08-08
![JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论