脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js获取非行间样式

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兼容性总结之获取非行间样式的全部叙述，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

您可能感兴趣的文章:

相关文章

  • Echarts Bar横向柱状图实例代码

    Echarts Bar横向柱状图实例代码

    柱状图主要用于表示离散数据的频数,也是一种基础可视化图,这篇文章主要给大家介绍了关于Echarts Bar横向柱状图的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-08-08
  • 解决webpack打包速度慢的解决办法汇总

    解决webpack打包速度慢的解决办法汇总

    本篇文章主要介绍了彻底解决webpack打包慢的解决办法汇总，详细的介绍了3种方法，有兴趣的可以了解一下
    2017-07-07
  • JavaScript中变量提升导致未定义(undefined)的问题及解决方法

    JavaScript中变量提升导致未定义(undefined)的问题及解决方法

    在 JavaScript 中,变量提升（Hoisting）是一个相对常见的行为,尤其是当你遇到 undefined 错误时,本文将详细探讨变量提升的概念、其对代码执行的影响以及如何避免因为变量提升而导致 undefined 的问题,需要的朋友可以参考下
    2024-09-09
  • 微信小程序学习之自定义滚动弹窗

    微信小程序学习之自定义滚动弹窗

    这篇文章主要给大家介绍了关于微信小程序学习之自定义滚动弹窗的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • JavaScript实现动态表单生成

    JavaScript实现动态表单生成

    这篇文章主要来和大家一起深入探讨如何使用JavaScript实现一个动态表单生成器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下
    2024-01-01
  • JS动态解析多层级json数据生成html页面

    JS动态解析多层级json数据生成html页面

    在Web前端开发中,动态解析JSON数据并生成HTML页面是一项常见的任务,通过JavaScript处理多层级的JSON数据结构,不仅可以提升用户体验,还能实现灵活的内容展示和交互功能,本文将深入探讨如何使用JavaScript解析复杂的JSON数据,并将其动态渲染为HTML页面
    2025-02-02
  • GoJs面板绘图模板go.Panel使用示例详解

    GoJs面板绘图模板go.Panel使用示例详解

    这篇文章主要为大家介绍了GoJs面板绘图模板go.Panel使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-04-04
  • JavaScript复制文案到剪贴板小技巧

    JavaScript复制文案到剪贴板小技巧

    这篇文章主要为大家介绍了JavaScript复制文案到剪贴板实现小技巧,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • input输入密码变黑点密文的实现方法

    input输入密码变黑点密文的实现方法

    本文主要介绍了Jquery Easyui验证扩展，Easyui验证，Easyui校验，js正则表达式。具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • 微信小程序使用form表单获取输入框数据的实例代码

    微信小程序使用form表单获取输入框数据的实例代码

    这篇文章主要介绍了微信小程序使用form表单获取输入框数据的实例代码，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05

最新评论