[問題] 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