请问：如何通过按钮实现table中行的添加和删除（在线）50分啊？？？

比如下面的例子，我如何通过点击“+”或“-”来增加和删除履历中一行。<table width="100%" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr> 
                  <td height="86" align="center" ><table width="653" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr> 
                        <td height="29" colspan="6" >                          
                          <div align="left"><input type="button" name="add_line" value="  +  " onClick="">
                            &nbsp;&nbsp; 
                            <input type="button" name="decrease_line" value="  -  " onClick="">
                          </div></td>
                      </tr>
                      <tr> 
                        <td width="158" height="24" style="border-left: 2 solid #000000; border-right: 1 solid #000000; border-top: 2 solid #000000"><div align="center">±&Iuml;&Ograve;&micro;&Ntilde;§&ETH;&pound;</div></td>
                        <td width="85" style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 2 solid #000000"><div align="center">&Egrave;&euml;&Ntilde;§&Ecirc;±&frac14;&auml;</div></td>
                        <td width="79" style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 2 solid #000000"><div align="center">±&Iuml;&Ograve;&micro;&Ecirc;±&frac14;&auml;</div></td>
                        <td width="117" style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 2 solid #000000"><div align="center">&Euml;ù&Ntilde;§×¨&Ograve;&micro;</div></td>
                        <td width="100" style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 2 solid #000000"><div align="center">&Ntilde;§&Agrave;ú&ETH;&Ocirc;&Ouml;&Ecirc;</div></td>
                        <td width="114" style="border-left: 1 solid #000000; border-right: 2 solid #000000; border-top: 2 solid #000000"><div align="center">&Ntilde;§&Icirc;&raquo;</div></td>
                      </tr>
                      <tr> 
                        <td height="23" style="border-left: 2 solid #000000; border-right: 1 solid #000000; border-top: 1 solid #000000">&nbsp;</td>
                        <td style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 1 solid #000000">&nbsp;</td>
                        <td style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 1 solid #000000">&nbsp;</td>
                        <td style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 1 solid #000000">&nbsp;</td>
                        <td style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 1 solid #000000">&nbsp;</td>
                        <td style="border-left: 1 solid #000000; border-right: 2 solid #000000; border-top: 1 solid #000000">&nbsp;</td>
                      </tr>                      
                    </table></td>
                </tr>
                <tr> 
                  <td height="45" align="center" ><input type="submit" name="Submit" value="    &Euml;&Iacute;    &sup3;&ouml;   "> 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    <input type="reset" name="Submit2" value="     &Ouml;&Oslash;     &ETH;&acute;    "></td>
                </tr>
              </table>

解决方案 »

  1.   

    function addattach(){
    var tbl = document.all.tags("TABLE")[1];
    var row = tbl.insertRow();
    var cell=row.insertCell();
    cell.innerHTML = "<tr align=center nowrap><td width=\"50%\" > &nbsp;附件&nbsp;：&nbsp;</td><td><input type=\"file\" name=\"attach\" class=insub></td></tr>";
    }
      

  2.   

    <HEAD><SCRIPT LANGUAGE="JavaScript"><!-- Begin
      function addRow(id){
        var tbody = document.getElementById
    (id).getElementsByTagName("TBODY")[0];
        var row = document.createElement("TR")
        var td1 = document.createElement("TD")
        td1.appendChild(document.createTextNode("column 1"))
        var td2 = document.createElement("TD")
        var txt=document.createElement("INPUT")
         txt.type="button"
         txt.name="mytext"
         txt.value="abc"
        
        td2.appendChild (txt)    row.appendChild(td1);
        row.appendChild(td2);
        
        tbody.appendChild(row);  }//  End -->
    </script></HEAD><!-- STEP TWO: Copy this code into the BODY of your HTML document  --><BODY>
    <form name="form1" method="post" >
    <input type="button" name="button1" value="按下" OnClick="javascript:create()">
    </form><a href="javascript:addRow('myTable')">Add row</a><table id="myTable" cellspacing="0" border="1">
      <tbody>
        <tr>
          <td>row1_column1</td><td>row1_column2</td><td>row1_column3</td>
        </tr>
      </tbody>
    </table>
    <p><center>
    <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
    by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
    </center><p>