求助：在chrome中将隐藏的表格显示出来后，却无法再次隐藏

Question

<script>
function test(){
}
function show(){
  var odiv = document.getElementById('div');
  odiv.style.display = "block";
}function fhidden(){
  var odiv = document.getElementById('div');
  odiv.style.display = 'none';}
</script>
<input type="button" name="button" value="显示" onclick="show()">
<input type="button" name="button" value="隐藏" onclick="fhidden()">
<div id="div" style="display:none">
  <table width="200" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
  <td height="60" align="center" class="hong12">显示table信息</td>
</tr>
  </table>
</div>

Answer 1

把函数名hidden改名即可，因为CSS里有这个词，不能用

Answer 2

另外起函数名，hidden是w3c浏览器dom对象的一个属性，表示是否隐藏，重名和导致出错 function Hidden() {
        var odiv = document.getElementById('div');
        odiv.style.display = 'none';
    }<input type="button" name="button" value="隐藏" onclick="Hidden()">