currentStyle和getComputedStyle的区别
2016-07-28 13:34
267 查看
在js中 如何获取到 元素当前 的 样式?(内联>内部>外部)
1.obj.style[attr];
-------------------------------- //style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的。(不考虑使用)
2.obj.currentStyle[attr]; -----------------------------
//只适用于IE
3.getComputedStyle(obj,false)[attr]; --------
//只适用于FF,Chrome,Safa
综上所知,写出通用格式为:
function getStyle( obj, attr){
return obj.currentStyle ?
obj.currentStyle[attr] :
getComputedStyle( obj, false )[attr];
};
1.obj.style[attr];
-------------------------------- //style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的。(不考虑使用)
2.obj.currentStyle[attr]; -----------------------------
//只适用于IE
3.getComputedStyle(obj,false)[attr]; --------
//只适用于FF,Chrome,Safa
综上所知,写出通用格式为:
function getStyle( obj, attr){
return obj.currentStyle ?
obj.currentStyle[attr] :
getComputedStyle( obj, false )[attr];
};
相关文章推荐
- 自定义注解
- 修改实现织梦DedeCms下拉式友情链接
- 跟我一起学man page、history的使用,剖析FHS(文件系统目录标准)
- 珍惜生命从现在开始
- Vue新手向 知乎日报 by Vue.js
- 浅谈利用逻辑回归来解决文本分类时的模型调优
- Android UI系列-----ImageView的scaleType属性
- Java回调机制分析
- jquery实现楼层嵌套(DIV嵌套)
- u-boot2012.04移植到jz2440 -- ->正常显示u-boot启动信息
- C++的cin一些探讨
- java容器简要概述
- Linux指令
- 在线研讨会webinars
- PHP header()函数常用方法
- Android Looper机制简介
- xUtils3.0框架学习笔记
- c++计算器后续(3)
- ubuntu 编译live555的问题
- 汉诺塔 游戏开发shell版本