火狐浏览器 window.getComputedStyle()返回值的问题
来源:互联网 发布:江西江铃集团 知乎 编辑:程序博客网 时间:2024/06/06 06:32
html中
<div class="box"><div>
它的css样式为:
.box { width: 200px; height: 200px; background: rgb(23,321,44); }
js中我们要得到box这个元素的css属性,通常会用类似下面这样的函数:
function getStyle(obj, str) { if (obj.currentStyle) { return obj.currentStyle[str] } else { return window.getComputedStyle(obj,null)[str] } }
然后传入这个元素 var box = document.getElemenById('box');
getStyle(box,'width') //200px
getStyle(box,'background') //在火狐浏览器下无输出
比较疑惑,后来查了相关资料,才知道在火狐浏览器下该函数不能返回复合属性的值,只能返回单属性,例如:
getStyle(box, 'backgroundColor') //rgb(23, 321, 44)
在这里因为background是个复合属性,它包括了backgroundColor,backgroundSize等属性,故不能返回。
阅读全文
0 0
- 火狐浏览器 window.getComputedStyle()返回值的问题
- 实现浏览器兼容版的window.getComputedStyle
- 如何实现浏览器兼容版的window.getComputedStyle
- window.getComputedStyle()方法的使用
- 火狐浏览器的字体问题
- 火狐浏览器崩溃的问题
- 火狐浏览器的同步问题
- window.getComputedStyle
- Jqury Ajax火狐浏览器返回的result是object XmlDocument 的问题
- Mozilla_Firefox(火狐浏览器)的收藏夹(书签)问题
- 火狐浏览器不断弹窗报错的问题
- 火狐浏览器兼容右键菜单的问题
- javascript获取元素CSS值window.getComputedStyle
- sprintf问题+&&+火狐浏览器
- 火狐浏览器打不开问题
- 火狐浏览器同步问题
- 火狐浏览器刷新问题
- 中文传值火狐、google浏览器无问题,但IE有乱码问题的解决
- “师创杯”SDUT-ACM校赛热身赛-疯狂的bLue
- 终极解决方案:在webview中跳转支付宝出错,net::ERR_UNKNOWN_URL_SCHEME
- Python学习笔记(八)—— Array
- FastDFS服务器
- Android开发之NDK/JNI的hello world
- 火狐浏览器 window.getComputedStyle()返回值的问题
- python使用PyCharm调试Scrapy程序
- 二叉树的一些基本操作
- XGBoost 与 Boosted Tree
- Zynq-Linux移植学习笔记之七-网络驱动
- tomcat服务器重装与myeclipse JavaWeb开发的几点注意事项
- PCL_FPFH特征提取及直方图显示
- QT学习之explicit
- 消息队列两种模式