js的动态增减控件的问题

Question

<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.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++
}
function del(){
var i=1;
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);
}
</script>