用js删除tbody的代码

ttx9n · 发表于 2008-11-12 00:15:12

删除表格的第一个tbody

<!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" /> 
<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索引号对应的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)">删除表格的第一个tbody（这个表格只有俩tbody，所以这个按钮只能按两次……）</button> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

70r45_zs · 发表于 2022-9-5 05:20:29

呵呵呵呵呵呵

9jduu05 · 发表于 2022-10-14 11:56:54

。。。。。。。。。。。。。。。

gc4hg · 发表于 2022-10-24 14:11:04

看看怎么样再说

rveqwdpw5 · 发表于 2022-12-8 20:11:13

大家都不容易！

sykzus · 发表于 2023-3-9 16:33:52

我要金豆金豆金豆

rveqwdpw5 · 发表于 2023-8-18 10:26:01

而非为吾问无为谓娃娃

x20yd3qx · 发表于 2023-9-4 19:35:17

天天源码论坛

z835648964 · 发表于 2023-9-8 14:20:27

不错的源码论坛

v3sfsi · 发表于 2023-9-15 19:37:44

dfdsafdsfdsfdsf

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 用js删除tbody的代码

相关帖子