js 删除表格行 想要一行一行的删除 但是点击删除 三行全删了
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="insertadd" method="post" name="frm" onsubmit='return check()'>
<h3 align = "center">管理系统</h3>
<table border="1" cellpadding='0' cellspacing='0' id='ddd' >
<tr>
<td>名称</td>
<td>编号</td>
<td>内容</td>
<td>发布时间</td>
</tr>
<tr id='tt'>
<td><input type="text" name="name"></td>
<td><input type="text" name="id"></td>
<td><input type="text" name="content"></td>
<td><input type="text" name="time"></td>
</tr>
<tr>
<td><input type="text" name="name"></td>
<td><input type="text" name="id"></td>
<td><input type="text" name="content"></td>
<td><input type="text" name="time"></td>
</tr>
<tr>
<td><input type="text" name="name"></td>
<td><input type="text" name="id"></td>
<td><input type="text" name="content"></td>
<td><input type="text" name="time"></td>
</tr>
</table>
<input type="submit" value="submit" >
<input type="button" id="ffw" value="删除一行"/>
</form>
<script>
function $(id){
return document.getElementById(id);
}
$('ffw').onclick=function(){
//var d = document.getElementsByTagName('tr');
var t = document.getElementsByTagName('table')[0];
t.removeChild(t.lastChild);
}
</script>
</body>
</html> 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="insertadd" method="post" name="frm" onsubmit='return check()'>
<h3 align = "center">管理系统</h3>
<table border="1" cellpadding='0' cellspacing='0' id='ddd' >
<tr>
<td>名称</td>
<td>编号</td>
<td>内容</td>
<td>发布时间</td>
</tr>
<tr id='tt'>
<td><input type="text" name="name"></td>
<td><input type="text" name="id"></td>
<td><input type="text" name="content"></td>
<td><input type="text" name="time"></td>
</tr>
<tr>
<td><input type="text" name="name"></td>
<td><input type="text" name="id"></td>
<td><input type="text" name="content"></td>
<td><input type="text" name="time"></td>
</tr>
<tr>
<td><input type="text" name="name"></td>
<td><input type="text" name="id"></td>
<td><input type="text" name="content"></td>
<td><input type="text" name="time"></td>
</tr>
</table>
<input type="submit" value="submit" >
<input type="button" id="ffw" value="删除一行"/>
</form>
<script>
function $(id){
return document.getElementById(id);
}
$('ffw').onclick=function(){
//var d = document.getElementsByTagName('tr');
var t = document.getElementsByTagName('table')[0];
t.removeChild(t.lastChild);
}
</script>
</body>
</html> 展开
1个回答
展开全部
$("#ffw").click(function(){
$("#ddd tr:last-child").remove();
})
利用jquery就很简单了,记得把tr的id='tt'去掉 这个是从最后一行开始删除 要从第一个开始删除就first-child
追问
谢谢已经解决了
var d = document.getElementsByTagName('tr');
var t = document.getElementsByTagName('table')[0];
t.deleteRow(d.length-1);
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询