求助：为什么这段代码中的删除出错呢？

variable i should be 0 not 1 in del() fucntion. 
suggest you use variable i as global variable.

解决方案 »

  1.   

    <html>
    <div id=div></div>
    <input type=button value=add onclick=add()>
    <input type=button value=del onclick=del()>
    <script>
    var i=0
    function add()
    {  
      var e = document.createElement("input");
      var a = document.createElement("textarea");
      e.type = "text";
      e.name = "txt"+i;
      e.value = "HueVan";
      a.value="this is HueVan's textarea";
      a.name= "ta" + i;  document.all("div").appendChild(e);
      document.all("div").appendChild(a);
      i++;
      alert(i)
    }
    function del(){
      alert(i)
    var ee=document.getElementByName(eval("txt"+i));
    var aa=document.getElementByName(eval("ta"+i));
      document.all("div").removeNode(ee,i);
      document.all("div").removeNode(aa,i);
      i=i-1;
      alert(i)
    }
    </script>
    </html>设为全局变量也不行，是这一段有错！
      var ee=document.getElementByName(eval("txt"+i));
      var aa=document.getElementByName(eval("ta"+i));
      document.all("div").removeNode(ee,i);
      document.all("div").removeNode(aa,i);
      

  2.   

    <!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="">
    </HEAD><BODY>
    <div id=div></div>
    <input type=button value=add onclick=add()>
    <input type=button value=del onclick=del()>
    <script>
    function add()
    { var i=0;
      var e = document.createElement("input");
      var a = document.createElement("textarea");
      e.type = "text";
      e.id = "txt"+i;
      e.value = "HueVan";
      a.value="this is HueVan's textarea";
      a.id= "ta" + i;  document.all("div").appendChild(e);
      document.all("div").appendChild(a);
      i++
    }
    function del(){
    var i=0;
    var ee=document.getElementById(String("txt"+i));
    var aa=document.getElementById(String("ta"+i));ee.removeNode(true);
    aa.removeNode(true);}
    </script>
    </BODY>
    </HTML>