如何控制DIV的显示或可视
<div style= "display:none; "> </div> 不显示 <div style= "display:; "> </div> 显示 <div style= "visibility:visible; "> </div> 可视 <div style= "visibility:hidden; "> </div> 不可视
<script language="JavaScript" type="text/javascript">function $use(){var centerdiv=document.getElementById("centerdiv");if(Select2.value=="Spec(Criteria)"){centerdiv.style.display="";}else{centerdiv.style.dispaly="none";}}function $D2(){centerdiv.style.dispaly="none";}</script><body onload="$D2()"><div id="topdiv"><table><tr> <td style="width: 10px"><strong>*</strong></td> <td style="width: 166px"> </td> <td style="width: 397px">Change Type</td> <td style="width: 161px"> <select id="Select2" name="Select2" style="width: 129px; height: 22px;" onclick="$use();"> <option selected="" value="(Select list)">(Select list)</option> <option value="Spec(Criteria)">Spec(Criteria)</option> </select></td> <td> </td> </tr></table></div><div id="centerdiv"><table id="centertable" style="width: 96%"> <tr> <td style="width: 10px" colspan="2"><strong>Drawing or Specification</strong></td> <td style="width: 161px" class="auto-style1"> </td> <td class="auto-style1"> </td> </tr></table></div>