针对不同浏览器获取到css文件里相关属性的两种方法
2013-10-28 17:56
543 查看
先看个例子
此时 如果用 document.querySelector("p").style.fontSize 是获取不到50px 值的 而 document.querySelector("div").style.fontSize 返回的是100
因此可以得知document.querySelector(elements).style 只针对与标签上的属性,如果在外部css 文件中的属性如何获取?
这里介绍两个方法针对不同浏览器
1、 obj.currentStyle
2、window.getComputedStyle
<div style="font-size:100px;">1111</div> <p>2222</p> <style>*{font-size:50px;}</style>
此时 如果用 document.querySelector("p").style.fontSize 是获取不到50px 值的 而 document.querySelector("div").style.fontSize 返回的是100
因此可以得知document.querySelector(elements).style 只针对与标签上的属性,如果在外部css 文件中的属性如何获取?
这里介绍两个方法针对不同浏览器
1、 obj.currentStyle
2、window.getComputedStyle
function getCurCss(id,porp){ var obj = document.getElementById(id); if (obj.currentStyle) { return obj.currentStyle[prop]; } else if (window.getComputedStyle) { propprop = prop.replace(/([A-Z])/g, "-$1"); propprop = prop.toLowerCase(); return document.defaultView.getComputedStyle(obj, null)[prop]; } return null; } getCurCss(id,"fontSize");
相关文章推荐
- 如何获取到css文件里的相关属性
- CSS针对不同的浏览器的适应方法
- 在获取前台传送过来的中文时,往往会出现乱乱码.而针对不同的浏览器,解决方法不同.
- python打开文件并获取文件相关属性的方法
- c/vc++ 环境下不同的文件长度获取方法
- 有关css和js针对不同浏览器兼容的问题
- 使用ShellClass获取文件属性详细信息的实现方法
- 用JavaScript判断CSS浏览器类型前缀的两种方法
- php获取CSS文件中图片地址并下载到本地的方法
- 让css在不同浏览器下正常运行的方法——使用条件注释
- 兼容浏览器的获取指定元素(elem)的样式属性(name)的方法
- 在IE与非IE下运用不同的css文件方法
- iphone获取文件各项属性方法
- 针对不同浏览器不同分辨率加载不同css解决方案
- android应用 获取本地指定类型文件 的两种最优方法
- 各种浏览器下用JS获取文件域的文件路径的方法/PHP获取用户浏览器和操作系统版本名称
- 踩坑--关于jq和zepto的css方法对transform的值的获取值的不同
- ThinkPHP多个数据库 配置文件怎么写呀? 特别注意两个数据库的表前缀不同时,怎么写表前缀,两种方法!!
- C#实现获取不同对象中名称相同属性的方法
- jQuery操作CSS属性的相关方法