动态创建table的行并删除的小问题
0
悬赏园豆：10
[已关闭问题]
首先贴上我的code 没有做优化额
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动态添加table</title>
</head>
<body>
<table id="idMultiTable">
</table>
<input type="button" value="继续添加" onclick="addTableData()" />
<script language="javascript">
//定义一个数组
var autoTableRowData=new Array('公司中文','<input type="text" name="companyC" size="20"/>','联系人','<input type="text" name="contact" size="20"/> <a href="javascript:deleteRow()">delete</a>');
function addTableData()
{
var row1=idMultiTable.insertRow(); //向table 插入的第一行
var cell1=row1.insertCell();
var cell2=row1.insertCell();
var cell3=row1.insertCell();
var row2=idMultiTable.insertRow(); //向table 插入的第二行
var cell_0201=row2.insertCell();
var cell_0202=row2.insertCell();
var cell_0203=row2.insertCell();
cell1.innerHTML=autoTableRowData[0]; //赋值
cell2.innerHTML="";
cell3.innerHTML=autoTableRowData[1];
cell_0201.innerHTML=autoTableRowData[2]; //赋值
cell_0202.innerHTML="";
cell_0203.innerHTML=autoTableRowData[3];
}
function deleteRow(){
idMultiTable.deleteRow();
}
</script>
</body>
</html>
我这里向table中创建2行，没有使用document.createElement ，而是直接使用了table的insertRow这个简单的方法
我的现在的问题是 怎么去一并删除创建的2行，而不是一行的删除；用deleteRow 是删除一行的
我不知道怎么去写个循环，用其他的dom方法也行，希望大家能指点一下我，谢谢啦！
问题补充：
function deleteRow(){
var rowlen=idMultiTable.rows.length;
for(var i=rowlen-1;i>=0;i--){
idMultiTable.deleteRow(i);
}
}
这样会删除添加所有的行
其他回答(2)
0
('公司中文','<input type="text" name="companyC" size="20"/>',
'联系人','<input type="text" name="contact" size="20"/>
<a href="#" onclick="deleteRow(this)">delete</a>');
function deleteRow(a){
var i=a.parentElement.parentElement.rowIndex-1;
idMultiTable.deleteRow(i);idMultiTable.deleteRow(i);}
var i=a.parentElement.parentElement.rowIndex-1;
idMultiTable.deleteRow(i);idMultiTable.deleteRow(i);}
兼容性问题，自己考虑
0
http://www.cnblogs.com/downmoon/archive/2010/07/01/1769309.html
0
得到指定行的行索引（有rowIndex属性），用deleteRow就可以啊，而且是w3c标准，兼容各浏览器。其中要注意的是，循环删除多行时，要注意删除过程中，会引起行索引的重新分配，建议从大到小删就行了
