用JavaScript隐藏控件的方法

当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。
不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。
<p>
<inputid="control"value="想要隐藏的控件">
</p>
<p>
隐藏上面的控件，并使其不占用页面上的位置
<inputtype="button"value="隐藏"onclick="displayHide_control()">
<inputtype="button"value="显示"onclick="displayShow_control()">
<br/>
仅仅隐藏控件，其位置仍然占用
<inputtype="button"value="隐藏"onclick="visibilityHide_control()">
<inputtype="button"value="显示"onclick="visibilityShow_control()">
</p>
<scriptlanguage="javascript"type="text/javascript">
functiondisplayHide_control()
{
var_control=document.getElementById("control");
_control.style.display="none";
}
functiondisplayShow_control()
{
var_control=document.getElementById("control");
_control.style.display="block";
}
functionvisibilityHide_control()
{
var_control=document.getElementById("control");
_control.style.visibility="hidden";
}
functionvisibilityShow_control()
{
var_control=document.getElementById("control");
_control.style.visibility="visible";
}
</script>