javascript动态添加删除文本框

<script type="text/javascript">
var count = 0;
function Add(){
   count += 1;
   var File1 = document.getElementById("file1");
   var div = document.createElement("div");
   var countTxt = document.createTextNode("文本框"+count);
   var inputTxt = document.createElement("input");
   inputTxt.type = "text";
   inputTxt.name = "txt"+count;
   var btn = document.createElement("input");
   btn.type = "button";
   btn.value = "取消";
   btn.onclick = function(){
       this.parentNode.parentNode.removeChild(this.parentNode);
    alert(this.parentNode.nodeName);
       var str = File1.innerHTML;
       var re = /[^<]+/i;
       var n = File1.getElementsByTagName("div");
       for(var k=0;k<n.length;k++){
           n[k].innerHTML = n[k].innerHTML.replace(re,"文本框"+(k+1));
           n[k].getElementsByTagName("input").item(1).onclick = this.onclick;
       }
       count -= 1;
   }
  
   div.appendChild(countTxt);
   div.appendChild(inputTxt);
   div.appendChild(btn);
   File1.appendChild(div);
}
</script>

<input type="button" name="button" value="增加" οnclick="Add();" />
<div id="file1"></div>