JavaScript 删除表格 tbody 的方法

作者:窗边听雨

时间:2026-10-23

浏览:76

本文介绍如何使用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,需再次刷新页面方可执行。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章