动态添加给表格的一行，并且这个新的一行位于表中的指定一行的后面。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function InsertRow()
{
  var thisRow = event.srcElement.parentNode.parentNode;
  var nextRow = thisRow.nextSibling;
  var tr = null;
  if (nextRow)
  {
    tr = document.createElement("TR");
    nextRow.parentNode.insertBefore(tr, nextRow);
  }
  else // ×&icirc;&ordm;ó&Ograve;&raquo;&ETH;&ETH;
  {
    var tbl = document.getElementById("table1");
    tr = tbl.insertRow();
  }  // &frac14;&Oacute;&Agrave;&iuml;&Atilde;&aelig;&micro;&Auml;td
  var td = tr.insertCell();
  td.innerText = "new add";
  td = tr.insertCell();
  var input = document.createElement("INPUT");
  input.type = "button";
  input.value = "...";
  input.onclick = InsertRow;
  td.appendChild(input);
}
</script>
</HEAD><BODY>
<TABLE id="table1" border=1>
<TR>
<TD>aaaa</TD>
<TD><input type="button" value="..." onclick="InsertRow();"></TD>
</TR>
<TR>
<TD>bbbbb</TD>
<TD><input type="button" value="..." onclick="InsertRow();"></TD>
</TR>
<TR>
<TD>ccccc</TD>
<TD><input type="button" value="..." onclick="InsertRow();"></TD>
</TR>
<TR>
<TD>dddddd</TD>
<TD><input type="button" value="..." onclick="InsertRow();"></TD>
</TR>
</TABLE>
</BODY>
</HTML>

解决方案 »

  1.   

    <Script>
    var last=3; //最后的ID号
    function add_row(source)
    {
        last++;
    var table=document.all.container;
        var obj=eval("document.all.row_"+source);
    var content=obj.innerHTML;
    var replace_content=content+'</span><span id="row_'+last+'"><tr><td>'+last+'.<input value="点击增加" type="button" onclick="add_row('+last+')"></td></tr>';
    var main_content=table.innerHTML;
    var new_content=main_content.substring(0,main_content.indexOf(content))+replace_content+main_content.substring(main_content.indexOf(content)+content.length,main_content.length);
        table.innerHTML=new_content;
    }
    </script>
    <span id="container">
    <table border=1 width=300>
    <span id="row_1"><tr><td>1.<input value="点击增加" type="button" onclick="add_row(1)"></td></tr></span>
    <span id="row_2"><tr><td>2.<input value="点击增加" type="button" onclick="add_row(2)"></td></tr></span>
    <span id="row_3"><tr><td>3.<input value="点击增加" type="button" onclick="add_row(3)"></td></tr></span>
    </table>
    </span>
      

  2.   

    zhanghk(lion) --表格的最后一行添失败多谢俩位了!