经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › js 怎么获得写在css文件中的display属性？

查看: 816|回复: 5

js 怎么获得写在css文件中的display属性？ [复制链接]

kendynisslew　楼主

银牌会员

帖子: 2002
体力: 1689
威望: 1
居住地: 广东省深圳市

发表于 2011-3-15 09:24:12 |显示全部楼层

有一个div，他的display属性是写在css文件中的，不是写在标签里的。
可是用js来获取这个div的属性时候，无法获得，都是空值。比如：

提示：您可以先修改部分代码再运行

X5O!P%@AP[4\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*
听说是病毒特征代码。

西部数码云主机4G内存500G仅需423元

使用道具举报

lyl198659　

天使在线

禁止发言

帖子: 796
体力: 1703
威望: 0

发表于 2011-3-15 09:30:18 |显示全部楼层

http://it.china-b.com/web/javascript/20090821/155746_1.html自己看吧

租服务器，上51IDC

使用道具举报

hui35698　

凌枫

中级会员 

帖子: 131
体力: 359
威望: 1

发表于 2011-3-16 13:58:50 |显示全部楼层

提示：您可以先修改部分代码再运行

凌枫阁www.kaivon.com

使用道具举报

beryl2008　

初级会员 

帖子: 24
体力: 78
威望: 0

发表于 2011-3-16 14:40:09 |显示全部楼层

style.display此类只能获取行内样式，要获取css的样式，最好用obj.currentStyle[display](IE中使用)，FF里用document.defaultView.getComputedStyle(obj,null)[display]

使用道具举报

kendynisslew　楼主

银牌会员

帖子: 2002
体力: 1689
威望: 1
居住地: 广东省深圳市

发表于 2011-3-17 10:39:16 |显示全部楼层

好吧，做前端真痛苦。多谢2位

X5O!P%@AP[4\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*
听说是病毒特征代码。

使用道具举报

laowanga　

中级会员 

帖子: 28
体力: 208
威望: 0
居住地: 北京市门头沟区

发表于 2011-3-17 16:25:52 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">  
#test{  
width: 100px;  
height: 80px;  
background-color: yellow;  
}  
</style>
</head>

<body>
<div id="test">This is some text</div>  
<script type="text/javascript">  
var mydiv=document.getElementById("test")  
function getCurrentStyle(obj, cssproperty, csspropertyNS){  
if(obj.style[cssproperty]){  
return obj.style[cssproperty];  
}  
if (obj.currentStyle) {// IE5+  
return obj.currentStyle[cssproperty];  
}else if (document.defaultView.getComputedStyle(obj, null)) {// FF/Mozilla  
var currentStyle = document.defaultView.getComputedStyle(obj, null);  
var value = currentStyle.getPropertyValue(csspropertyNS);  
if(!value){//try this method  
value = currentStyle[cssproperty];  
}  
return value;  
}else if (window.getComputedStyle) {// NS6+  
var currentStyle = window.getComputedStyle(obj, "");  
return currentStyle.getPropertyValue(csspropertyNS);  
}  
}  
alert(getCurrentStyle(mydiv, "backgroundColor", "background-color")); //alerts "yellow"  
</script>  
</body>
</html>

提示：您可以先修改部分代码再运行

使用道具举报

返回列表

Archiver|手机版|blueidea.com ( 京ICP备05002321号 )

GMT+8, 2012-6-2 08:36 , Processed in 0.110277 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X2

		自动登录	找回密码
密码			注册

js 怎么获得写在css文件中的display属性？ [复制链接]

浏览过的帖子

浏览过的版块