求教：怎样在Javascript中控制table的style属性？

<html>
<head>
</head>
<body><script language="javascript">
function showHide( param ){
document.getElementById("table1").style.display = "none";
}function showHide1(){ document.getElementById("table1").style.display = "block";
}
</script>
<form id="form1">
<input type="button" id="do" value="hidden me" onclick="javascript:showHide()"/>
<input type="button" id="do1" value="show me" onclick="javascript:showHide1()"/><table id="table1" style="display:none">
<tr><td>Text!</td></tr>
<tr><td>Text!</td></tr>
</table>
</form></body>
</html>