js 删除表格行 想要一行一行的删除 但是点击删除 三行全删了

<!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>

$("#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);

温馨提示:答案为网友推荐,仅供参考