<form>
<input type="button" onclick="addline()" value="增加一行">
<table border="1" id="test">  
  <tr>
    <td colspan="2"><input type="text" name="tt[]"></td>
  </tr>
</table>
<input type="submit">
</form>
<script>
function addline(content){
newline=document.all.test.insertRow();
newline.insertCell().innerHTML='<input type="text" name="tt[]"><input type="button" value="删除此行" onclick="del()">'}
function del(){
document.all.test.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);
}
</script>

解决方案 »

  1.   

    写个例子你看看...
    <html>
    <head></head>
    <script language="javascript">
    function add()
    {
      var myTable = document.getElementById("aa");
      var newRow = aa.insertRow(aa.rows.length);
      var newTd1 = newRow.insertCell(0);
      newTd1.innerText="lala"; 
      var newTd2 = newRow.insertCell(1);
      newTd2.innerText="^_^";
    }
    </script>
    <body>
    <table id="aa" border="1" bordercolor="black" style="border-collapse: collapse" width="80%">
    <tr>
    <td width="50%">xixi</td>
    <td width="50%">haha</td>
    </tr>
    </table>
    <input type="button" value="点我啊" onclick="add();">
    </body>
    </html>