如何用 JavaScript 删除最后一个 div

Question

这个函数重复了我的div。

如何删除最后一个 div？

function duplicate_it(myid,myform) { 
 var x = document.getElementById(myid).innerHTML;
 document.getElementById(myform).innerHTML += x; 
}

Answer 1

它没有复制它。它正在获取 innerHTML 并将其添加到 myForm。

如果你想删除一些东西，添加一个计数器并将它包裹在一个容器中：

cnt=0;
function duplicate_it(myid,myform) { 
  var x = document.getElementById(myid).innerHTML;
  document.getElementById(myform).innerHTML += '<div id="xx'+(cnt++)+'">'+x+'</div>';
}

现在您可以删除 document.getElementById("xx"+(cnt-1))

更简洁的方法是

cnt=0;
function duplicate_it(myid,myform) { 
  var div = document.createElement("div");
  div.id="xx"+(cnt++);
  div.innerHTML = document.getElementById(myid).innerHTML;
  document.getElementById(myform).appendChild(div);
}

如何用 JavaScript 删除最后一个 div

How to delete the last div with JavaScript

html

javascript

innerhtml

duplicates