删除动态添加的表格的行的问题
如何实现删除本行 因为是新手 所以希望大家说细一点
JS:代码如下
<script language="javascript" type="text/javascript">
window.onload = function(){
var json ="[{'a':1,'b':'1','c':'1','d':'1','e':'1'},{'a':1,'b':'1','c':'1','d':'1','e':'1'}]";
var data = (new Function("","return "+json))();
var i = data.length;
var tab=document.getElementById('mytable');
for(var m=0;m<i;m++){
var rr = tab.insertRow(1);
var cel = rr.insertCell(0);
cel.innerHTML=data[m].a;
var cel = rr.insertCell(1);
cel.innerHTML=data[m].b;
var cel = rr.insertCell(2);
cel.innerHTML=data[m].c;
var cel = rr.insertCell(3);
cel.innerHTML=data[m].d;
var cel = rr.insertCell(4);
cel.innerHTML=data[m].e;
var cel = rr.insertCell(5);
cel.innerHTML="<a href='#'>查看</a> <a href=#' onclick='deleteRow(this)'>删除</a>";
}
}
</script>
以下是我的表格:
<table border="0" id="mytable" cellpadding="0"; cellspacing="0";>
<tr>
<th scope="col">标题</th>
<th scope="col">内容</th>
<th scope="col">接收时间</th>
<th scope="col">状态</th>
<th scope="col"></th>
</tr>
</table>