javascript - 创建元素然后删除元素

Question

我正在创建一个函数，该函数在单击 html 按钮时创建图像，如果再次单击按钮，则会删除创建的图像。当我再次单击按钮时它不会删除。任何帮助将不胜感激。

 a = 0;

 function createimg() {
   var newElement = document.createElement("img");
   newElement.setAttribute("id", "img");
   newElement.setAttribute("src", "shield.png");
   var list = document.getElementById("img");
   if (a == 0) {
     document.body.appendChild(newElement);
     a = 1;
   } else
     document.body.removeChild(newElement);
 }

Answer 1

当你删除元素时，删除'list'不是“新元素”

试试这个

a=0;
function createimg() {
  if (a==0) {
    var newElement = document.createElement("img");
    newElement.setAttribute("id","img");
    newElement.setAttribute("src","shield.png");
    document.body.appendChild(newElement);
    a=1;
  } else {
    var list= document.getElementById("img");
    document.body.removeChild(list);
  }
}