首页 新闻 赞助 找找看

请问如何获取display:none的div宽高?

0
悬赏园豆:5 [已解决问题] 解决于 2012-05-29 09:36

请问如何获取display:none的div宽高?

草根程序猿的主页 草根程序猿 | 初学一级 | 园豆:129
提问于:2012-05-11 10:21
< >
分享
最佳答案
1
jq里面获取height()的方法,是元素事实显示样式的高度,在取这个display:none的高度的时候应该是null或者0,
收获园豆:5
nickel | 菜鸟二级 |园豆:338 | 2012-05-22 21:43
其他回答(2)
-2
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5     <script src="js/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
 6 </head>
 7 <body>
 8 <div id="AAA">
 9 <div style="display:none; height:100px;width:100px;"></div>
10 </div>
11 </body>
12 </html>
13 <script type="text/javascript">
14     $(document).ready(function() {
15         alert("Height:" + $("#AAA div:hidden").height() + "\tWidth:" + $("#AAA div:hidden").width());
16     });
17 </script>
xu_happy_you | 园豆:222 (菜鸟二级) | 2012-05-11 10:38

你运行过吗,我这边运行结果是:Height:null Width:null

支持(0) 反对(0) 草根程序猿 | 园豆:129 (初学一级) | 2012-05-11 10:42

@菜鸟程序猿: 你是什么浏览器啊? 我电脑的 火狐/google/IE8/VS2008自带 Internal Web Browser/都测试通过了,不知道你什么浏览器

支持(0) 反对(0) xu_happy_you | 园豆:222 (菜鸟二级) | 2012-05-11 11:24

@xu_happy_you: 这个是可以的~~~

支持(0) 反对(0) icepy | 园豆:587 (小虾三级) | 2012-05-12 10:02
-1

<style type="text/css">
.we{ width:100px; height:100px; display:none;}
</style>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(function () {
var a = $(".we").width();
var b = $(".we").height();
alert(a);
alert(b);
});
</script>

icepy | 园豆:587 (小虾三级) | 2012-05-12 10:07
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册