Question

在asp中如何隐藏div，在点击按钮后显示div中的内容

<table width="650" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="form" method="post" action="?">
<tr align="center" valign="middle">
<td width="33%" height="35">
<div align="center"><font size="3">
专业名称:</span>
<input name="key" type="text" class="wenbenkuang" id="key" size="30" style="BORDER-RIGHT: #debac1 1px solid; BORDER-TOP: #debac1 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #debac1 1px solid; BORDER-BOTTOM: #debac1 1px solid"> 
<input name="Submit22" type="submit" class="go-wenbenkuang" size="30" value="查 找" style="BORDER-RIGHT: #debac1 1px solid; BORDER-TOP: #debac1 1px solid; FONT-SIZE: 11pt; BORDER-LEFT: #debac1 1px solid; BORDER-BOTTOM: #debac1 1px solid">
</div></td>
</tr>
</form>
<div id="div1" name="div1">
<table width="126%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr valign="middle" bgcolor="#f1f1f1">
<td>内容
</td>
</tr>
</table>
</div>
</table>
如何用js控制 求大侠帮忙 急！！！！！！！！！！！！！！！！！！

Answer 1

<script>

var num=false;
function showDIV()
{

if(num=!num)
{
document.getElementById("DIV").style.display="block";

}
else
{
document.getElementById("DIV").style.display="none";

}
}
</script>

把你的代码改了：

<table width="650" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="form" method="post" action="?" onSubmit="return false">
<tr align="center" valign="middle">
<td width="33%" height="35">
<div align="center"><font size="3">
专业名称:</span>
<input name="key" type="text" class="wenbenkuang" id="key" size="30" style="BORDER-RIGHT: #debac1 1px solid; BORDER-TOP: #debac1 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #debac1 1px solid; BORDER-BOTTOM: #debac1 1px solid">
<input name="Submit22" type="submit" class="go-wenbenkuang" size="30" value="查 找" onClick="showDIV()" style="BORDER-RIGHT: #debac1 1px solid; BORDER-TOP: #debac1 1px solid; FONT-SIZE: 11pt; BORDER-LEFT: #debac1 1px solid; BORDER-BOTTOM: #debac1 1px solid">
</div></td>
</tr>
</form>

</table>
<div id="DIV" name="DIV" style="display:none;" >
<table width="126%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr valign="middle" bgcolor="#f1f1f1">
<td>内容
</td>
</tr>
</table>
</div>

Answer 2

display：none（隐藏）
display：block（显示）