javascript - 我appendChild(表单输入)那么我如何从最后一个第一个删除新输入？

Question

我制作了一个在Click上添加新上传和描述输入的功能。我如何创建一个函数来从下到上删除创建的元素？

var i = 1;

function add()
{
    var element = document.createElement('input')
    var element1 = document.createElement('input')
    var space = document.createElement('br')
    var des = document.createElement('span')

    var td = document.getElementById('upload')

    des.innerHTML = "Description: "
    element.setAttribute("type", "text")
    element.setAttribute("name", "desciption"+ i)
    element.setAttribute("value", " ")
    element1.setAttribute("type", "file")
    element1.setAttribute("name", "uploadFile"+ i)
    element1.setAttribute("id", "uploadFile"+ i)

    td.appendChild(des)
    td.appendChild(element)
    td.appendChild(element1)
    td.appendChild(space)

}

Answer 1

在您的代码中:

> element.setAttribute("type", "text") 

直接为标准属性设置值更可靠:

 element.type = "text";

无论如何，您可以使用以下方法删除元素:

   td.removeChild(space);      
   td.removeChild(element1);
   td.removeChild(element);
   td.removeChild(des);

或者你可以这样做:

  var nodes = td.childNodes;
  var i = nodes.length;
  while (i--) {
    td.removeChild(nodes[i]);
  }

或更简单地说:

  td.innerHTML = '';