高分求教，在线等：如何用程序代码实现增加和删除表格行？？

http://expert.csdn.net/Expert/topic/1229/1229731.xml?temp=.7967188http://expert.csdn.net/Expert/topic/815/815466.xml?temp=.8150904

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

http://www.csdn.net/Develop/list_article.asp?author=net_lover&myclassid=80&myclassName=JavaScripthttp://lucky.myrice.com/javascriptexam/index.html
<table>
<tr>
<th>姓名</th><th>年龄</th><th>城市</th>
</tr>
<tr>
<td><input type=text name="待写入的值1" value="" onkeydown=addNew()></td>
<td><input type=text name="待写入的值2" value="" onkeydown=addNew()></td>
<td><input type=text name="待写入的值3" value="" onkeydown=addNew()></td>
</tr>
</table>
<script language=javascript>
function addNew(){
with(window.event){
var e=srcElement
var r=e.parentElement.parentElement
var t=r.parentElement.parentElement
if(ctrlKey){ //ctrl键删除行
t.deleteRow(r.rowIndex)
return false;
}
}
if(t.rows.length>r.rowIndex+1)return true;
var n=t.insertRow();
for(i=0;i<r.cells.length;i++)
n.insertCell().innerHTML=r.cells(i).innerHTML
}
</script>
<TABLE id=sample border=1>
<CAPTION>df</CAPTION>
<THEAD>
<TR>
<TH width="56">d</TH>
<TH width="38">d</TH>
<TH width="74">d</TH>
</TR></THEAD>
<TFOOT>
<TR>
<TH width="56">d</TH>
<TH width="38">d</TH>
<TH width="74">d</TH>
</TR>
</TFOOT>
<TBODY>
<TR>
<TD width="56">d</TD>
<TD width="38">d</TD>
<TD width="74">d</TD>
</TR>
<TR>
<TD width="56">d</TD>
<TD width="38">d</TD>
<TD width="74">d</TD>
</TR>
<TR>
<TD width="56">d</TD>
<TD width="38">d</TD>
<TD width="74">d</TD>
</TR>
<TR>
<TD width="56">d</TD>
<TD width="38">d</TD>
<TD width="74">d</TD>
</TR></TBODY></TABLE>
<P><INPUT onclick=oTABLE.deleteCaption() type=button value='onclick="oTABLE.deleteCaption()"'>
<INPUT onclick=oTABLE.deleteTHead() type=button value='onclick="oTABLE.deleteTHead()"'>
<INPUT onclick=oTABLE.deleteTFoot() type=button value='onclick="oTABLE.deleteTFoot()"'>
<INPUT onclick=oTBODY.deleteRow(0) type=button value='onclick="oTBODY.deleteRow(0)"'>
</P>
<P><INPUT onclick=rewriteTable() type=button value='onclick="rewriteTable()"'>
</P>
<SCRIPT type=text/javascript>

</SCRIPT>
<html>
<head>
<title> 动态表格实例</title>
<style>
.curr {background-color:blue;color:white}
</style>
<script language="JavaScript">
var curRow = null;function setrow(){
var e = event.srcElement;
if(e.tagName=="TD" && tab1.contains(e)){
   curRow = e.parentNode;
   updateRow();
}
else curRow=null;
}function doEdit(bSave){
if(curRow==null) return;
var i;
for(var i=0; i<curRow.cells.length;i++){
  if(bSave)
  curRow.cells[i].innerText = document.getElementsByName("txt")[i].value;
  else
  document.getElementsByName("txt")[i].value = curRow.cells[i].innerText;
  }
}function doInsert(){
  var r=tab1.insertRow();
  for(var i=0; i<tab1.rows[0].cells.length;i++){
    r.insertCell(i).innerText = document.getElementsByName("txt")[i].value;
  }
  curRow = r;
  updateRow();
}
function doDelete(){
if(tab1.rows.length<2 || !curRow) return;
curRow.removeNode(true);
curRow=null;
updateRow();
}
function updateRow(){
  var rows=tab1.rows;
  for(var i in rows)
    rows[i].className = (curRow==rows[i]) ? "curr" : ""
}
</script>
</head>
<body>
动态表格实例<br>
<table id=tab1 border=1 width=500 onclick="setrow()">
<tr><td>00</td><td>01</td><td>02</td></tr>
<tr><td>10</td><td>11</td><td>12</td></tr>
<tr><td>20</td><td>21</td><td>22</td></tr>
<tr><td>30</td><td>31</td><td>32</td></tr>
</table>
<input name=txt><input name=txt><input name=txt><br>
<button onclick="doEdit(false)">Edit</button>
<button onclick="doEdit(true)">Save</button>
<button onclick="doInsert()">Insert</button>
<button onclick="doDelete()">delete</button>
</body>
</html>