87,995
社区成员
发帖
与我相关
我的任务
分享请教，如何获取style.display=none表单的宽高数据？
例如表单
================================
<select id="test" style="display:none">
<option>a</option>
<option>a</option>
</select>
如何动态获得它的宽，而无需先把它显示出来。
谢谢
================================
<select id="test" style="display:none">
<option>a</option>
<option>a</option>
</select>
如何动态获得它的宽，而无需先把它显示出来。
谢谢
...全文
请发表友善的回复…
发表回复
tianch 2004-10-13
- 打赏
- 举报
不用display=none，这样取不到宽高
改用visibility=hidden 可以用以下的方法取到宽高
<body onLoad="alert(test.offsetWidth+"\n"+test.offsetHeight);">
<select id="test" style="visibility: hidden">
<option>a</option>
<option>a</option>
</select>
</body>
改用visibility=hidden 可以用以下的方法取到宽高
<body onLoad="alert(test.offsetWidth+"\n"+test.offsetHeight);">
<select id="test" style="visibility: hidden">
<option>a</option>
<option>a</option>
</select>
</body>
meizz 2004-10-13
- 打赏
- 举报
先显示, 用clientWidth等取宽, 再用display="none"将其隐藏
drifters 2004-10-13
- 打赏
- 举报
如不指定宽呢？
ttyp 2004-10-12
- 打赏
- 举报
<select id="test" style="display:none;width:90" width=80 >
<option>a</option>
<option>a</option>
</select>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.all.test.style.width);
alert(document.all.test.width);
//-->
</SCRIPT>
//这个事先指定了宽
<option>a</option>
<option>a</option>
</select>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.all.test.style.width);
alert(document.all.test.width);
//-->
</SCRIPT>
//这个事先指定了宽
