求一个有“添加”和“删除”一行表格的代码！

TBALE和这个类似，这是我加一个LI对象function additem(obj)
  {
      var objul = document.getElementById(obj);
      var   ele=document.createElement("<li></li>")  
          ele.innerHTML="答案"+ (objul.getElementsByTagName("li").length+1) +"：<input type='text' name='atext' />";  
          objul.appendChild(ele); 
  }
  function clearitem(obj)
  {   
     var objul =  document.getElementById(obj);
     if(objul.children.length>0)
     {
        var ele = objul.children[objul.children.length-1];     
        objul.removeChild(ele);
     }
     else
     {
        return;
     }
  }

解决方案 »

  1.   

    <!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>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
     </head> <body>
      <table border="1" id="table">
      <tbody>
      
      <tr><form><td><input type="text" value="" /></td><td><input type="submit" value="提交" /></td></form></tr>
      
      </tbody>
      </table>
      <input type="button" onclick="insertTable()" value="insertTr" />  <script type="text/javascript">
      function insertTable(){
        var tr = document.createElement("tr");
        var tdInput = document.createElement("td");
            iInput = document.createElement("input");
            iInput.setAttribute("type","text");
            tdInput.appendChild(iInput);
        var tdSubmit = document.createElement("td");
            btnInput = document.createElement("input");
            btnInput.setAttribute("type","button");
            btnInput.setAttribute("value","删除行");
            btnInput.onclick = function(){
                this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
            }
            tdSubmit.appendChild(btnInput); 
        tr.appendChild(tdInput);
        tr.appendChild(tdSubmit);
        document.getElementById("table").getElementsByTagName("tbody")[0].appendChild(tr);
      }
      </script>
     </body>
    </html>
      

  2.   

    添加表格一行的代码：
    function AddTr()
    {
        var newTbr=FilterInfo.insertRow();  //添加表格一行,即tr
        var newTd0 = newTbr.insertCell();  //添加td标签
        newTd0.innerHTML="";//设置TD属性，即html语句
    }
    删除一行的代码
    function DelTabelRow(_obj)//
    {
        var _row=_obj.parentNode.parentNode; //获得表格的一行，即tr
    var Index=_row.rowIndex;
        // button    td         tr         tbody
        _row.parentNode.removeChild(_obj.parentNode.parentNode);
    }
      

  3.   

    补充一下：因为我所得到的值都需要提交的，应该在每一行都需要一个name属性吧？
    因为我的表单是需要两列的 一个是名称，一个是值。所以需要他们的两个name来对应吧？
    如何加上name属性的？
      

  4.   

    var tdInput = document.createElement("td"); 
            iInput = document.createElement("input"); 
            iInput.setAttribute("type","text"); 
            iInput.setArrtibute("name","username");
            tdInput.appendChild(iInput); 
      

  5.   

    真的很感谢dostone 大哥，这个我也加了  可是我在考虑：这样的话 是不是所有的name属性的值都是一样的了？
    到时候我怕没办法与后面值的name对应起来啊？
    呵呵，给你添麻烦了。
    再次谢谢dostone 大哥。