在JS表格中删除一行（表格中每行后面都有一个删除按钮，按按钮就删除那一行)-cici0208-ChinaUnix博客

个人简介

web web web

文章分类

文章存档

2017年（26）

2016年（57）

2015年（60）

2014年（77）

我的朋友

相关博文

分类： Web开发

2014-10-15 13:13:49

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function delet(id,obj){
var rowIndex = obj.parentElement.rowIndex;
document.getElementById(id).deleteRow(rowIndex);
}
</script>
</head>
<body>
<table border="1px" id="tbl">
<tr><td>111</td><td><input type="button" name="button" value="delete" onclick="delet('tbl',this);" /></td></tr>
<tr><td>222</td><td><input type="button" name="button" value="delete" onclick="delet('tbl',this);" /></td></tr>
<tr><td>33</td><td><input type="button" name="button" value="delete" onclick="delet('tbl',this);" /></td></tr>
</table>
</body>
</html>

阅读(7577) | 评论(0) | 转发(0) |

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们