急问一个菜鸟问题


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <style>
  td{
border:1px solid red;
  }
  </style>
  <script type="text/javascript">
  <!--
function Show(){
var otbl = document.getElementById("otbl");
otbl.style.display = otbl.style.display == "block" ? "none" : "block";
}
  //-->
  </script>
 </head> <body>
  <table id="otbl" style="width:150px;height:70px;border:1px solid red;border-collapse:collapse;display:block">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
  </table>
  <a href="#" onclick="Show()">Click</a>
 </body>
</html>