用javascript实现添加删除table行
1个回答
展开全部
下面的代码调试通过(IE),确保没有问题:
<table border=1 id=tab1></table>
<input type=button onclick="f_add();" value="添加">
<script type=text/javascript>
var id=1;
function f_del(x){
for (i=0;i<tab1.rows.length;i++)
if (x==parseInt(tab1.rows[i].cells[0].innerHTML))
{tab1.deleteRow(i);break;}
}
function f_add(){
n=tab1.rows.length;
r=tab1.insertRow(n);
r.insertCell(0).innerHTML='<button onclick=f_del('+id+')>删除</button>';
r.insertCell(0).innerHTML=id;
id++;
}
f_add();
</script>
<table border=1 id=tab1></table>
<input type=button onclick="f_add();" value="添加">
<script type=text/javascript>
var id=1;
function f_del(x){
for (i=0;i<tab1.rows.length;i++)
if (x==parseInt(tab1.rows[i].cells[0].innerHTML))
{tab1.deleteRow(i);break;}
}
function f_add(){
n=tab1.rows.length;
r=tab1.insertRow(n);
r.insertCell(0).innerHTML='<button onclick=f_del('+id+')>删除</button>';
r.insertCell(0).innerHTML=id;
id++;
}
f_add();
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询