网页中有两个table， 默认只显示第一个table，点击一个按钮后显示第二个table，第一个table隐藏

网页中有两个table， 默认只显示第一个table，点击一个按钮后显示第二个table，第一个table隐藏<table id=t1><tr><td>444</td></tr></table>
<table id=t2><tr><td>555</td></tr></table>
<input type="button" onclick="DisplayMyTable()" value="TEST">
<SCRIPT LANGUAGE="JavaScript">
<!--
var f=-1;
DisplayMyTable();

function DisplayMyTable()
{
if(1==f)
{
document.getElementById("t1").style.display="none";
document.getElementById("t2").style.display="block";
}
else
{
document.getElementById("t2").style.display="none";
document.getElementById("t1").style.display="block";
}
f=f*-1;
}
//-->
</SCRIPT>