HTML中怎样实现点击指定表格以外的页面隐藏该表格

Question

<table onmouseout="this.style.visivility='hidden'">

Answer 1

<span onclick="disp()">显示表格</span>
function disp()
{
   document.getElementById("表格id").style.visibility='visible';
}

Answer 2

开始时隐藏表格：
<table id="表格id" style="visibility:hidden">

Answer 3

<script language="javascript">
var n=1;
function displayTab(){
i=n%2;
if(i!=0) {
document.all.tab2.style.display="";
document.all.tab1.innerHTML="&nbsp;◇转帐汇款支付：（如果以上支付无法实现请选择转帐汇款支付）&nbsp;↓" }
else{
document.all.tab2.style.display="none";
document.all.tab1.innerHTML="&nbsp;◇转帐汇款支付：（如果以上支付无法实现请选择转帐汇款支付）&nbsp;↑" }
n=n+1;
}
</script>
<table id="t" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="tab1" height="25" width="400" align="left" valign="middle" style="cursor:hand" onclick="displayTab();">&nbsp;◇转帐汇款支付：（如果以上支付无法实现请选择转帐汇款支付）&nbsp;↓</td>
</tr>
<tr>
<td id="tab2" height="200" width="400" align="center" valign="middle" style="border:#B9D0F2 1px solid; display:none;">你看到我了！</td>
</tr>
</table>
点一下显示，再点一下隐藏

Answer 4

<span onclick="disp()">显示表格</span>
function disp()
{
document.getElementById("表格id").style.visibility='visible';
}