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

单击一个按钮，我将向一个名为“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中删除图像/清除我制作的所有图像。

运行时

var i1 = document.createElement("img");

第二次，它创建一个新的

img

标记。要删除它，您只需

floatingButton1.removeChild(i1);

在第二个代码块中没有任何其他代码。这些都不是必需的，当您重新定义

i1

时，您完全失去了引用

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

第二次不需要上述代码<代码>变量i1已经包含对附加的

图像的引用

只用

floatingButton1.removeChild(i1);

如果我尝试在另一个函数中使用i1，它会说它没有定义。当我退出在其中声明的函数时，变量是否超出范围？然后在另一个函数中，再次获取
元素的引用
，请在特定响应中共享代码。当退出在其中声明的函数时，变量超出范围——这就是为什么在第二个函数中未定义i1。您需要将i1作为函数参数传递或在两个函数之外定义它。