读书人

怎么利用js删除指定行

发布时间: 2012-01-18 00:23:26 作者: rapoo

如何利用js删除指定行
<input name= "l1 " type= "button " id= "l1 " onClick= "add(tab); " value= "增加一段 " >
<table width= "540 " border= "1 " id= "tab ">
<td width= "122 " align= "center "> 长度 </td>
<td width= "90 " align= "center "> 显示内容 </td>
<td width= "54 " align= "center "> 颜色 </td>
<td width= "36 " align= "center "> 操作 </td>
</table>


<SCRIPT LANGUAGE= "JavaScript ">
var i=0;
function add(obj)
{var newrow=tabnum.insertRow();
var newcell=newrow.insertCell(0);
newcell.innerHTML= " <td width=122> <center> 第 "+(i+1)+ "段长度 </center> </td> ";

newcell=newrow.insertCell(1);
newcell.innerHTML= ".... ";

newcell=newrow.insertCell(2);
newcell.innerHTML= ".... ";

newcell=newrow.insertCell(3);
newcell.innerHTML= " <td align= 'center '> <input name= 'del ' type= 'button ' id= 'del ' onClick= 'delRow(this.parentElement.parentElement,i) ' value= '删除 '> </td> ";
i++;
}
function delRow(src, rowIndex)
{
src.parentElement.deleteRow(rowIndex);
i--;
}
</script>
为什么每次只是删除最后一行,而不是指定的那一行呢?

[解决办法]

改成这样就可以了
newcell.innerHTML= " <td align= 'center '> <input name= 'del ' type= 'button ' id= 'del ' onClick= 'delRow(this.parentElement.parentElement, "+i+ ") ' value= '删除 '> </td> ";
主要是你传进的i为变量。

读书人网 >Java Web开发

热点推荐