javascript - 我 appendChild(form input) 那么我将如何从最后一个删除新输入？

Question

我已经做了一个函数来添加新的上传和描述输入 onClick。我将如何创建一个函数来从下到上删除创建的元素？

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 = '';