用js刪除tbody的代碼

2019-11-21 01:34:05

字體：大中小

供稿：網(wǎng)友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="author" content="http://m.survivalescaperooms.com/"/> <script type="text/javascript"> function delTbody(n,i){ var t=document.getElementById(n); if (!t)return; var tbs=t.getElementsByTagName('tbody'); if (tbs.length==0){ alert('tbody都被你干掉了，你還想怎么樣？'); return; } if (!tbs[i]){ alert('你指定的tbody索引號(hào)對(duì)應(yīng)的tbody不存在'); return; } t.removeChild(tbs[i]); } </script> <style type="text/css"> </style> </head> <body> <table id="tt"> <tbody> <tr> <td>123</td><td>123</td><td>123</td><td>123</td> </tr> <tr> <td>123</td><td>123</td><td>123</td><td>123</td> </tr> <tr> <td>123</td><td>123</td><td>123</td><td>123</td> </tr> </tbody> <tbody> <tr> <td>abc</td><td>abc</td><td>abc</td><td>abc</td> </tr> <tr> <td>abc</td><td>abc</td><td>abc</td><td>abc</td> </tr> <tr> <td>abc</td><td>abc</td><td>abc</td><td>abc</td> </tr> </tbody> </table> <button onclick="delTbody('tt',0)">刪除表格的第一個(gè)tbody（這個(gè)表格只有倆tbody，所以這個(gè)按鈕只能按兩次……）</button> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：javascript firefox不顯示本地預(yù)覽圖片問(wèn)題的解決方法

下一篇：javascript HTML操作代碼