您的位置：首页 > Web前端 > HTML

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

2009-06-27 17:32 417 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航