首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

通过点击按钮隐藏表格如何实现

2012-04-20 
通过点击按钮隐藏表格怎么实现?有两个表格,内容基本一样,就标题不一样,想放在同一个确定的地方,通过两个按

通过点击按钮隐藏表格怎么实现?
有两个表格,内容基本一样,就标题不一样,想放在同一个确定的地方,通过两个按钮控制一个显示一个隐藏,怎么做?用AP Div绘制就把握不了在哪了。跪求高手

[解决办法]
<table id="table1" ><tr><td>表1</td></tr></table>
<table id="table2" style="display:none;" ><tr><td>表2</td></tr></table>
<input type="button" value="查看另一个表" onclick="toggletable()" />
<script type="text/javascript" >
function toggletable() {
if (document.getElementById("table2").style.display == "none") {
document.getElementById("table2").style.display = "block";
document.getElementById("table1").style.display = "none";
} else {
document.getElementById("table1").style.display = "block";
document.getElementById("table2").style.display = "none";
}
}
</script>
[解决办法]
如果只是标题不一样,为什么不画一个表格然后点按钮改变标题而是要画两个表格呢?
[解决办法]
用js实现,获取他们的display属性然后设置。。。就搞定了
[解决办法]
就标题不一样的话,其实只改个标题就行了。。。
你那个table切换的1楼写的就可以了

热点排行