[問題] table隱藏

看板Web_Design作者 (Yang)時間9年前 (2016/06/19 17:49), 編輯推噓8(804)
留言12則, 9人參與, 最新討論串1/1
請教各位高手,我設計了一個按鈕,當按按鈕時想要隱藏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,不知哪裡出問題,謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.143.76.149 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1466329791.A.B3C.html

06/19 18:23, , 1F
document.getElementById("table1").style.display="none"
06/19 18:23, 1F

06/19 18:44, , 2F
手機排板...?!
06/19 18:44, 2F

06/19 20:28, , 3F
JQ [Show Hide]
06/19 20:28, 3F

06/20 11:44, , 4F
這年頭建議直接學 jQuery ,不過此案是你對 HTML DOM
06/20 11:44, 4F

06/20 11:44, , 5F
了解不夠
06/20 11:44, 5F

06/21 08:07, , 6F
借問 請問樓上大大這邊該怎麼改呢
06/21 08:07, 6F

06/21 08:44, , 7F
一樓就正解了阿
06/21 08:44, 7F

06/21 23:14, , 8F
還是先學基本的js吧,基礎先懂
06/21 23:14, 8F

06/23 02:59, , 9F
js文法比較完整,一目了然
06/23 02:59, 9F

06/23 03:00, , 10F
熟了之後用JQuery如虎添翼
06/23 03:00, 10F

06/25 10:36, , 11F
style是下在tag裡面,innerHTML的值是在content裡
06/25 10:36, 11F

06/25 10:43, , 12F
所以你的寫法變成是在table插入一個隱藏的table
06/25 10:43, 12F
文章代碼(AID): #1NPcg_iy (Web_Design)
文章代碼(AID): #1NPcg_iy (Web_Design)