有一个HTML代码如下：
<html>
<head><title>HTML控件的隐藏和显示</title>
</head>
<script>
function ab()
{
document.getElementById("user").style.display="none";// 注意none不能小了双引号
document.getElementById("btn1").style.visibility="hidden";
document.form1.text2.style.display="none";
}
<body>
<form name="form1" id="form1" >
<table>
<tr>
<td><input type="text" name="user" /></td>
<td><input type="text" name="text2" /></td>
<td><input type="button" name="btn" onclick="return ab();"/></td>
<td><input type="button" name="btn1"/></td>
</tr>
</table>
</form>
</body>
</html>
HTML页面的控件的显示与隐藏有两种方式：
1. visibility
使用visibility可以兼容其他浏览器，并且隐藏它占用页面空间，obj.style.visibility = "visible"显示，obj.style.visibility = "hidden"隐藏。如:
2.display
使用display不兼容其他浏览器，并且隐藏它不占用页面空间，obj.style.display = "block"显示，obj.style.display = "none"隐藏。