[问题] table隐藏

楼主: VGGG (Yang)   2016-06-19 17:49:49
请教各位高手,我设计了一个按钮,当按按钮时想要隐藏table,撷取程式码如下
<script>
function hidetable(){
var a=document.getElementById("table1").innerHTML;
document.getElementById("table1").innerHTML='<table style="display:none">'+a+'
</table>';
}
</script>
<body>
<input type=button value="hidetable" onclick="hidetable();" />
<table id="table1">
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</body>
不好意思手机排版,还请各位高手帮忙,我一直无法隐藏table,不知哪里出问题,谢谢
作者: OOQOO (哥只是传说)   2016-06-19 18:23:00
document.getElementById("table1").style.display="none"
作者: ian90911 (xopowo)   2016-06-19 18:44:00
手机排板...?!
作者: alandidi (阿伦弟弟)   2016-06-19 20:28:00
JQ [Show Hide]
作者: xdraculax (首席怪叔叔)   2016-06-20 11:44:00
这年头建议直接学 jQuery ,不过此案是你对 HTML DOM了解不够
作者: GuYueHu (GuYueHu)   2016-06-21 08:07:00
借问 请问楼上大大这边该怎么改呢
作者: Canboo (啃布先生)   2016-06-21 08:44:00
一楼就正解了阿
作者: oToToT (屁孩)   2016-06-21 23:14:00
还是先学基本的js吧,基础先懂
作者: oasisrose (life goes on)   2016-06-23 02:59:00
js文法比较完整,一目了然熟了之后用JQuery如虎添翼
作者: heavenbetula (绿草)   2016-06-25 10:36:00
style是下在tag里面,innerHTML的值是在content里所以你的写法变成是在table插入一个隐藏的table

Links booklink

Contact Us: admin [ a t ] ucptt.com