[js]js 获取css 样式表属性
查看次数30591 发表时间2012-08-01 21:54:09
原文地址:http://blog.163.com/jinwei_zhiyuan/blog/static/11582265201231561253671/
今天看到这样两个属性 currentStyle defaultView,这两个属性从字面上看,是获取css 属性的,而我之前获取css属性用的则是dom.element.style.height 类似这样的写法,今天看到上面提到的两个属性有好奇,与在网上查了一下,这个两用法是区别的:
-->dom.element.style.height 对于样式写在<style type="text/css"></style>或者.css文件里,是无效的-->与是currentSytle、defaultView就产生了,currentStyle 是IE提供的,defaultView 则于标准浏览器提供的
实例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>currentStyle</title>
<!-- <style type="text/css">
</style>-->
<link rel="Stylesheet" href="http://blog.163.com/jinwei_zhiyuan/blog/StyleSheet.css" type="text/css" />
</head>
<body>
<div id="qq" class="divtitle">
测试样式
</div>
<script type="text/javascript">
//document.defaultView.getComputedStyle 这是w3c标准方法,取得元素的样式信息,因为有些样式是在外部css文件定义的,所以用element.style是取不到的 如果是IE,可以用 element.currentStyle["name"]
function GetCurrentStyle (obj, prop)
{
if (obj.currentStyle) //IE
{
return obj.currentStyle[prop];
}
else if (window.getComputedStyle) //非IE
{
propprop = prop.replace (/([A-Z])/g, "-$1");
propprop = prop.toLowerCase ();
return document.defaultView.getComputedStyle(obj,null)[propprop];
}
return null;
}
var dd=document.getElementById("qq");
alert(GetCurrentStyle(dd,"color"));
</script>
</body>
</html>
外部样式:StyleSheet
.divtitle
{
background: blue;
color: #cdcdcd;
width: 200px;
}
JS函数
view sourceprint?
var getCss = function(o,key){
return o.currentStyle ? o.currentStyle[key] : document.defaultView.getComputedStyle(o,false)[key];
};
(转发请注明转自:学PHP)
相关推荐
- 40种网站设计常用技巧 (2012-08-02 23:36:08)
- 27 款经典的CSS 框架 (2012-08-31 00:07:40)
- 用css及jQuery实现的精美拉下菜单导航条 (2012-11-18 22:57:22)
- CSS中关于class与ID选择器的区别 (2012-12-15 20:39:15)
- 响应式图片加载技术 (2012-12-15 20:39:43)
- web页面打印 支持分页打印 (2012-05-04 18:24:25)
- [CSS]IE6/IE7/IE8/FF 的css部份技巧 (2012-05-04 18:24:09)
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法 (2012-05-04 18:23:51)
- WEB站点之CSS成长之路 (2012-05-04 18:23:46)
- 70位专家谈CSS设计 (2012-05-04 18:20:53)
- 1楼 Reggie说: 2016-06-07 06:10:54
-
There is a critical shortage of inatomfrive articles like this.
发表评论