Question

html 点击一个按钮出现新的表格,原来的表格隐藏

Answer 1

画出两个表格，一个显示，另一个隐藏
点击按钮时，原来显示的隐藏起来，原来隐藏的显示出来

代码如下：
<script type="text/javascript">
function f1(){
var tab1=document.getElementById("tab1");
var tab2=document.getElementById("tab2");

tab1.style.display=(tab1.style.display=="none"?"":"none");
tab2.style.display=(tab2.style.display=="none"?"":"none");
}
</script>
<table border=1 id="tab1">
<tr>
<td>最初显示</td>
</tr>
</table>
<table border=1 id="tab2" style="display:none">
<tr>
<td>最初隐藏</td>
</tr>
</table>
<br>
<input type="button" onclick="f1();" value="切换" />