请教，如何获取style.display=none表单的宽高数据？

drifters 2004-10-12 04:51:33

例如表单
================================
<select id="test" style="display:none">
<option>a</option>
<option>a</option>
</select>

如何动态获得它的宽，而无需先把它显示出来。

谢谢

...全文

154 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

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>

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">

</SCRIPT>

//这个事先指定了宽

给对话类增加一个CRgn数据成员，以后要使用该数据成员建立窗口区域。 Class CRoundDlg : public CDialog { … private : Crgn m_rgn : // window region … } 修改OnInitDialog函数建立一个椭圆区域并调用...

利用正则表达式限制网页表单里的文本框输入内容：用正则表达式限制只能输入中文：onkeyup= "value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste= "clipboardData.setData('text',clipboardData.get...

display:none; 元素在页面上消失，不占据空间 opacity:0; 设置了元素的透明度为0，元素不可见，占据空间位置 visibility:hidden; 让元素消失，占据空间位置，一种不可见的状态 position:absolute; clip-path 4.px和...

alert("高 = "+ img.height + "/n宽 = "+ img.width); alert("fileSize = "+ img.fileSize +" 字节"); return(img.fileSize <= 40000); } //--> 1. oncontextmenu="window.event.returnvalue=false" 将彻底...