关于DIV的display属性

#a
{
display:block;
}

<div id="a"></div>
我想要这个div的display属性值,但是用ID选择器的话那么这个div的display值是空,有没有什么其他办法能得到这个div的display的值喃?

测试了下,1楼的document.getElementById("a").style.display是得不到的,最少我的测试是得不到。

楼主应该是想获得“block”这个结果吧?因为这个是外部的样式,要用javascript直接获得比较难,不过如果用一些javascript库来协助,就方便得多了(jQuery例子):

<!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=gb2312" />
<title>test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<style type="text/css">
#mydiv {
display: block;
}
</style>
<script type="text/javascript">
$(function(){
alert($("#mydiv").css("display"));
});
</script>
</head>

<body>
<div id="mydiv"></div>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2010-02-05
这个好办,要改成如下:
.a{display:block}
<div class="a"></div>。这样就可以了。

如果你非要用id,或是说要用到这个id。那可以改成诸如这类的:
.bl{display:block}
#a{width:500px;height:300px;float:left}
<div id="a" class="bl">实际内容</div>

上述中a这个层是实际的,里面的值我是举例,而bl这个类是单独放display:block这个的。用class="bl",意思就是让a这个层也具有bl这个类中的属性值,就是也会继续它的。
第2个回答  2010-02-02
你的意思是你想得到a这个DIV的 display的值?是使用JS么?如果是的话你可以用下面这句

document.getElementById("a").style.display

这样你就可以得到a这个div的display的值了,有什么问题欢迎补充!
第3个回答  2010-02-02
<style id="admin">#mc{ display: nsone;}</style>

<div id="mc"></div>
<script>
var cc=document.getElementById('admin').innerHTML.split("#mc")[1]
test=cc.split(" ")
var mc=""
for (i=0;i<test.length;i++){
mc+=test[i]
}
if(mc.split("display:none")[1]==undefined){alert('display不是none')}
</script>

代码有点多,你可以写一个 function 函数

参考资料:http://www.swf8.net

相似回答