javascript - 在 Javascript 中添加和删除表单

Question

我目前有以下代码，每次用户单击按钮时都会添加一个新的输入框。有没有办法创建一个按钮来删除最后生成的输入框？

var data = '<label>Temperature (K):</label><input type="number" name="temp"/>'


function addNew() {
  var newContent = document.createElement('div');
  newContent.innerHTML = data;
  document.getElementById('target').appendChild(newContent);
}

<div id="target"></div>

<input id="add" type="button" value="Add New" onclick="addNew()" />

Answer 1

将输入插入数组:

inputs=[];

inputs.push(newContent);
//put this in your addNew function

现在您可以从该数组中获取最后一个元素并将其删除

function remove(){
if(inputs.length>0){
elem=inputs.pop();
elem.parentNode.removeChild(elem);
}
}