javascript - 尝试清除以前使用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 floatingButton1 = document.getElementById('floatingButton1');
var i1 = document.createElement("img");
i1.src = "Images/whitesquare.png";
i1.type = "image";

再次不需要上述代码。 var i1已包含对附加的image的引用。

只需使用

floatingButton1.removeChild(i1);

关于javascript - 尝试清除以前使用Javascript创建的图像时遇到麻烦，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24878044/