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

本文介绍了一种使用JavaScript实现网页上两个表格的显示与隐藏切换功能的方法。通过点击按钮,可以实现第一个表格隐藏而第二个表格显示的效果,反之亦然。此方案适用于简单的网页布局调整需求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

网页中有两个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> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值