>웹 프론트엔드 >HTML 튜토리얼 >通过点击按钮隐藏表格怎么实现?_html/css_WEB-ITnose

通过点击按钮隐藏表格怎么实现?_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:09:562016검색

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


回复讨论(解决方案)

表1

表2


<script> <br /> function toggletable() { <br /> if (document.getElementById("table2").style.display == "none") { <br /> document.getElementById("table2").style.display = "block"; <br /> document.getElementById("table1").style.display = "none"; <br /> } else { <br /> document.getElementById("table1").style.display = "block"; <br /> document.getElementById("table2").style.display = "none"; <br /> } <br /> } <br /> </script>

如果只是标题不一样,为什么不画一个表格然后点按钮改变标题而是要画两个表格呢?

用js实现,获取他们的display属性然后设置。。。就搞定了

就标题不一样的话,其实只改个标题就行了。。。
你那个table切换的1楼写的就可以了

js不太懂,也不想做的太复杂,要通过网页来控制单板,两个单板,所以要两张表。
表示Dreamweaver是强大的,添加spry选项卡面板就搞定了。自动生成js文件。呵呵。
还是谢谢大家了

不止标题,表格中的一小部分内容,比如单板1,单板2,几个数字不一样
就标题不一样的话,其实只改个标题就行了。。。
你那个table切换的1楼写的就可以了

js表示很晕

表1

表2


<script></script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.