javascript获取作用在元素上面的样式属性代码

 更新时间:2012年09月20日 01:20:43   作者:  
遍历所有样式属性,通过判断其属性值,是否为'undefined' 或特特的值,来过虑属性
复制代码 代码如下:

window.onload = function(){
var oDIv = document.getElementById('progressBox');
var sytleElemt = window.getComputedStyle(oDIv);
for(var i=0;i<sytleElemt.length;i++){
if(
typeof sytleElemt[sytleElemt[i]] != 'undefined' &&
sytleElemt[sytleElemt[i]] != 'none' &&
sytleElemt[sytleElemt[i]] != 'rgb(0, 0, 0)' &&
sytleElemt[i] != 'quotes'
)

console.log(sytleElemt[i]+":"+sytleElemt[sytleElemt[i]]);
}
}


上面的代码是FF适用

IE 请用

currentStyle原理是一样的

遍历所有样式属性,通过判断其属性值,是否为'undefined' 或特特的值,来过虑属性!

相关文章

  • JSON+HTML实现国家省市联动选择效果

    JSON+HTML实现国家省市联动选择效果

    实现国家省市联动的方法有很多,本文要为大家介绍的JSON+HTML如何实现,需要的朋友可以参考下
    2014-05-05
  • 主页面中的两个iframe实现鼠标拖动改变其大小

    主页面中的两个iframe实现鼠标拖动改变其大小

    iframe实现鼠标拖动改变其大小在一个页面中的两个iframe的情况下,此方法相当实用,感兴趣的各位不妨参考下,或许对你有所帮助
    2013-04-04
  • 使用js判断控件是否获得焦点

    使用js判断控件是否获得焦点

    本篇文章主要是对使用js判断控件是否获得焦点的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript实现按照指定长度为数字前面补零输出的方法

    JavaScript实现按照指定长度为数字前面补零输出的方法

    这篇文章主要介绍了JavaScript实现按照指定长度为数字前面补零输出的方法,实例分析了javascript操作数字补零的技巧,需要的朋友可以参考下
    2015-03-03
  • 跟我学习javascript的闭包

    跟我学习javascript的闭包

    跟我学习javascript的闭包,这篇文章的目的就是让大家对javascript闭包有一个非常全面的了解,感兴趣的小伙伴们可以参考一下。
    2015-11-11
  • js实现纯前端压缩图片

    js实现纯前端压缩图片

    这篇文章主要为大家详细介绍了js实现纯前端压缩图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript实现4位随机验证码的生成

    JavaScript实现4位随机验证码的生成

    这篇文章主要为大家详细介绍了JavaScript实现4位随机验证码的生成,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • Angular 页面跳转时传参问题

    Angular 页面跳转时传参问题

    这篇文章主要介绍了Angular 页面跳转时传参问题的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • javascript 中的 delete及delete运算符

    javascript 中的 delete及delete运算符

    这篇文章主要介绍了javascript 中的 delete及delete运算符的相关资料,需要的朋友可以参考下
    2015-11-11
  • TypeScript泛型使用详细介绍

    TypeScript泛型使用详细介绍

    泛型是静态类型语言的基本特征,允许将类型作为参数传递给另一个类型、函数、或者其他结构。TypeScript 支持泛型作为将类型安全引入组件的一种方式。这些组件接受参数和返回值,其类型将是不确定的,直到它在代码中被使用
    2022-10-10

最新评论