删除Javascript中的文本框时出现问题_Javascript_Dom

删除Javascript中的文本框时出现问题

javascript dom

删除Javascript中的文本框时出现问题,javascript,dom,Javascript,Dom,我尝试在按钮点击时使用Javascript创建文本框，然后在另一个按钮点击时，我尝试删除它们。但当我试图删除文本框时，问题就出现了。按钮单击总是创建文本框，没有任何问题，但在我尝试删除时，相同的情况不会持续发生。请帮忙 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

我尝试在按钮点击时使用Javascript创建文本框，然后在另一个按钮点击时，我尝试删除它们。但当我试图删除文本框时，问题就出现了。按钮单击总是创建文本框，没有任何问题，但在我尝试删除时，相同的情况不会持续发生。请帮忙

  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Untitled Document</title>
   <script>
   var i=0;
    function create_txt()
    {
    var a=document.createElement("div");
    a.setAttribute("id",'d'+i);
    var b=document.createElement("input");
    b.setAttribute("id",'t'+i);
    a.appendChild(b);
    i++;

    var c=document.getElementById("pa1");
    c.appendChild(a);   

    }

  function delete_txt()
    {
    var x=document.getElementById('d'+i);
    var y=document.getElementById('t'+i);
     i--;
    x.removeChild(y);

   }
   </script>
   </head>

   <body>
   <div id="pa1"></div>
   <input type="button" onclick="create_txt()" value="Create" onclick="create_txt()"/>
   <input type="button" onclick="delete_txt()" value="Delete" onclick="delete_txt()" />
   </body>
   </html>


无标题文件
var i=0；
函数create_txt（）
{
var a=document.createElement（“div”）；
a、 setAttribute（“id”、'd'+i）；
var b=document.createElement（“输入”）；
b、 setAttribute（“id”、't'+i）；
a、 儿童（b）；
i++；
var c=document.getElementById（“pa1”）；
c、 儿童（a）；
}
函数delete_txt（）
{
var x=document.getElementById（'d'+i）；
var y=document.getElementById（'t'+i）；
我--；
x、 去核细胞（y）；
}

您的全局var

很可能是罪魁祸首-在创建文本框后，您会增加

，但当您调用

delete

时，直到之后您才会减少

。那场比赛没有身份证！在获取要删除的文本框之前，请尝试递减

：

function delete_txt()
{
i--;
var x=document.getElementById('d'+i);
var y=document.getElementById('t'+i);

x.removeChild(y);

}

是的：

只需将DIV和输入附加到一个唯一的DIV（#myInputs）中，就可以完全删除i吗？删除时，只需在#myInputs中找到最后一组DIV/INPUT