Javascript 我追加了子项(表单输入),那么如何从最后一个输入中删除新的输入呢?
我已经做了一个函数来添加新的上传和描述输入onClick。如何创建一个从下到上移除已创建元素的函数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
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--;}