函数调用

<script language="javascript">
function sw(d)
{
      document.getElementById("d1").style.visibility="hidden";
      document.getElementById("d2").style.visitility="hidden";
      document.getElementById("d3").style.visitility="hidden";
      document.getElementById(d).style.visibility="visible";}
</script>
</head><body>
<table width="200" >
  <tr>
    <td id="td1" bgcolor="#999999"  onClick='sw("d1")' ><div align="center">首届韶关1</div></td>
  </tr>
  <tr>
    <td id="td1" bgcolor="#999999"  onClick='sw("d2")'><div align="center">首届韶关2</div></td>
  </tr>
  <tr>
    <td id="td1" bgcolor="#999999"  onClick="javascript:d1.style.visibility='hidden'; d2.style.visibility='hidden'; d3.style.visibility='hidden';"><div align="center">首届韶关3</div></td>
  </tr>
</table><table id="d1" style="position:absolute; top:15px; left:15px; background-color:#666666; height: 70px; width: 49px; visibility:hidden; z-index:2" onClick="javascript:d1.style.visibility='hidden'" >
<tr><td>aaa</td></tr>
<tr><td>aaa</td></tr>
<tr><td>aaa</td></tr>
</table><table id="d2" style="position:absolute; top:15px; left:55px; background-color:#666666; height: 70px; width: 49px; visibility:hidden; z-index:2" onClick="javascript:d2.style.visibility='hidden'" >
<tr><td>bbb</td></tr>
<tr><td>bbb</td></tr>
<tr><td>bbb</td></tr>
</table><table id="d3" style="position:absolute; top:15px; left:115px; background-color:#666666; height: 70px; width: 49px; visibility:hidden; z-index:2" onClick="javascript:d3.style.visibility='hidden'" >
<tr><td>ccc</td></tr>
<tr><td>ccc</td></tr>
<tr><td>ccc</td></tr>
</table>
</body>
/////////////////////////////////////////////为什么sw()中的visibility不能更新页面并且发生作用,而td1表格中的代码onClick="javascript:d1.style.visibility='hidden'; d2.style.visibility='hidden'; d3.style.visibility='hidden';"能发生作用呢？本人是初学者，望大大们指点迷津，拜谢~

解决方案 »

  1.   

    code没啥问题，不明白你问的是什么？？
      

  2.   

    <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <script type="text/javascript" language="javascript">
    function sw(d)
    {      d1.style.visibility="hidden";
          d2.style.visibility="hidden";
          d3.style.visitility="hidden";
          
          document.getElementById(d).style.visibility="visible";
    }
    </script>
    </head><body>
    <table width="200" >
      <!-- MSTableType="layout" -->
    <tr>
        <td id="td1"  bgcolor="#999999"  onClick='sw("d1")' ><div align="center">首届韶关1</div></td>
      </tr>
      <tr>
        <td id="td1" bgcolor="#999999"  onClick='sw("d2")'><div align="center">首届韶关2</div></td>
      </tr>
      <tr>
        <td id="td1" bgcolor="#999999"  onClick='sw("d3")'><div align="center">首届韶关3</div></td>
      </tr>
    </table><table id="d1" style="position:absolute; top:15px; left:15px; background-color:#666666; height: 70px; width: 49px; visibility:hidden; z-index:2" onClick="javascript:d1.style.visibility='hidden'" >
    <tr><td>aaa</td></tr>
    <tr><td>aaa</td></tr>
    <tr><td>aaa</td></tr>
    </table><table id="d2" style="position:absolute; top:15px; left:55px; background-color:#666666; height: 70px; width: 49px; visibility:hidden; z-index:2" onClick="javascript:d2.style.visibility='hidden'" >
    <tr><td>bbb</td></tr>
    <tr><td>bbb</td></tr>
    <tr><td>bbb</td></tr>
    </table><table id="d3" style="position:absolute; top:15px; left:115px; background-color:#666666; height: 70px; width: 49px; visibility:hidden; z-index:2" onClick="javascript:d3.style.visibility='hidden'" >
    <tr><td>ccc</td></tr>
    <tr><td>ccc</td></tr>
    <tr><td>ccc</td></tr>
    </table>
    </body>
    </html>
    ////////////////////////////////////////////////
    就是说，调用sw("d3")后，调用sw("d1")，sw("d2")，sw("d3")都没有办法使d3隐藏起来，那么是不是d3.style.visibility="hidden"这句失效了？？