龙口南山海滨度假村:用JS对HTML table动态增加行删除行问题？

来源：百度文库编辑：高校问答时间：2024/05/14 09:28:04

<html>
<base href="http://localhost:8080/web/planAndLog/userWorkLog/selectUserWorkLog.jsp">
<head>
<title></title>
<SCRIPT language="JavaScript">
var tempRow=0;
var maxRows=0;
function insertRows(){
tempRow=table1.rows.length-1;
maxRows=tempRow;
tempRow=tempRow+1;
var Rows=table1.rows;//类似数组的Rows
var newRow=table1.insertRow(table1.rows.length);//插入新的一行
var Cells=newRow.cells;//类似数组的Cells
for (i=0;i<3;i++)//每行的7列数据
{
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
newCell.align="center";
switch (i)
{
case 0 : newCell.innerHTML="<td valign='top'><input name='detailObject.seq' id='_Seq' type='text' size='2' maxlength='2' value='"+tempRow+"'></td>";break;
case 1 : newCell.innerHTML="<td valign='top'><select name='detailObject.xmxh' id='_Xmxh'><option value='' selected='selected'></option><option value='XMXH20060713150418343'>测试项目1</option><option value='XMXH20060725140312843'>能源部测试项目</option><option value='XMXH20060801143744796'>345fdhdfhfghgfjbc</option></select></TD>"; break;
case 2 : newCell.innerHTML="<td valign='top'><a href='javascript:delTableRow(\""+tempRow+"\")'>删除</a></TD>"; break;
}
}
maxRows+=1;
}
function delTableRow(rowNum){
if (table1.rows.length >rowNum){
table1.deleteRow(rowNum);
}
}
</SCRIPT>
</head>
<body>
<form action="">
<table border="0" cellspacing="0" cellpadding="0" width="98%" align="center">
<tr valign="top">
<th>
<input value="添加" type="button" onclick="insertRows()">
</th>
</tr>
</table>
<br />
<table border="1" width="98%" align="center" id="table1">
<tr>
<th >顺序号</th>
<th >项目序号</th>
<th>删除<th>
</tr>
</table>
</form>
</body>
</html>
用JS对HTML table动态增加行删除行问题

增加一行已经可以了。但删除总是不行。

从最后一行开始删除行，但从中间删除也可以，但再删除下面的就不行了。。

请高手帮助解决。

急！！！！！！

从中间删除时你要考虑你删除完这一行后会影响到你删除这行以下所有行的ID，以下的所有ID都会减1

用JS对HTML table动态增加行删除行问题？ HTML TABLE的border问题 div+html与table+html的优缺点？ js 动态树 baokuo mssql对table操作 html里table的一个小问题 html中table如何隐藏一列？ html JS代码的问题？？？ JS如何动态设置CSS？？怎么动态生成.js文件？