Javascript 我追加了子项(表单输入),那么如何从最后一个输入中删除新的输入呢?

Javascript 我追加了子项(表单输入),那么如何从最后一个输入中删除新的输入呢?,javascript,Javascript,我已经做了一个函数来添加新的上传和描述输入onClick。如何创建一个从下到上移除已创建元素的函数 var i = 1; function add() { var element = document.createElement('input') var element1 = document.createElement('input') var space = document.createElement('br') var des = document.cr

我已经做了一个函数来添加新的上传和描述输入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)

}
在代码中:

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

我厌倦了使用td.removeChild,并且不断出现错误。td.removeChild(空间);未捕获错误:未找到错误:DOM异常8您是从同一个函数调用它,还是从另一个函数调用它?如果它来自不同的函数,则变量可能不在范围内,因此
空间
未定义。使用上面建议的其他方法之一。我创建了一个新函数,其中包含所有变量
function remove(){//动态创建一个输入类型var element=document.createElement('input');var element1=document.createElement('input');var space=document.createElement('br');var des=document.createElement('span'));//在page(td)var td=document.getElementById('upload');td.removeChild(空格);td.removeChild(element1);td.removeChild(元素);td.removeChild(des);i--;}