本文介绍如何使用JavaScript删除HTML表格中的tbody元素。通过获取表格ID并调用DOM方法,可以移除指定的tbody节点。示例代码展示了删除第一个tbody的操作,适用于需要动态调整表格结构的场景。
删除表格 tbody 的 JavaScript 实现
<!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="Sheneyan" /> <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)">删除表格的第一个tbody(这个表格只有俩tbody,所以这个按钮只能按两次……)</button> </body> </html> 注意:若通过 Ctrl+A 全选并引入外部 JavaScript,需再次刷新页面方可执行。