傻瓜提的傻瓜问题，关于onclick事件

<label id="lbl">显示Table</label>
<table id="tbl"><tr><td>tbl</td></tr></table>
<script>
var lbl = document.getElementById("lbl");
var tbl = document.getElementById("tbl");
lbl.onclick = function(){
  tbl.style.display = tbl.style.display == "none" ? "" : "none";
}
</script>

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>a</title>
    <script language="javascript">function func(){
       if(document.getElementById("table1").style.display=="none"){
       document.getElementById("table1").style.display="";
      }else{
        document.getElementById("table1").style.display="none";
      }
    }
    </script>
    </head><body>
    <p><a href="#" onclick='func()'>文字信息</a> 
    <table id="table1" style="display:none">
    <tr>
    <td>123321
    </td>
    </tr>
    </table></body>
    </html>
      

  2.   

    我也来写着玩。<SCRIPT Language="Javascript">
    <!--//
    function Object_OnOff(obj){
      if(obj.style.display=='') obj.style.display='none';
         else  obj.style.display='';
    }
    //-->
    </SCRIPT>
    <INPUT type="button" value="Click" onclick="Object_OnOff(document.getElementById('objDemo'));">
    <DIV id="objDemo"> <IMG src="test.jpg"> </DIV>