javascript - 尝试清除之前使用 Javascript 创建的图像时遇到问题

Question

通过单击按钮，我将图像添加到标题为“floatingButton1”的 div 中。稍后，我想运行一个单独的函数并删除我添加的图像，以便可以看到背景图像。

这是我添加图像的代码。

var floatingButton1 = document.getElementById('floatingButton1');
    var i1 = document.createElement("img");
    i1.src = "Images/tnR1.png";
    i1.type = "image";
    floatingButton1.appendChild(i1);

我尝试像这样删除它，但它不起作用:

var floatingButton1 = document.getElementById('floatingButton1');
var i1 = document.createElement("img");
i1.src = "Images/whitesquare.png";
i1.type = "image";
floatingButton1.removeChild(i1);

如何从 DIV 中删除图像/清除我制作的所有图像。

Answer 1

var floatingButton1 = document.getElementById('floatingButton1');
var i1 = document.createElement("img");
i1.src = "Images/whitesquare.png";
i1.type = "image";

第二次不需要上述代码。 var i1 已保存对附加的image 的引用。

直接使用

floatingButton1.removeChild(i1);