HTML页面的控件的显示与隐藏

有一个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"隐藏。

 

posted on 2009-06-27 17:32  意扬  阅读(1318)  评论(0)    收藏  举报

导航