使用 JavaScript 替换 DIV 中的图像

Question

我想在一个DIV中显示不同的图像，图像的轮次取决于随机数。图像名称类似于 1.gif、2.gif、.. 6.gif

做到我编码的

var img = document.createElement("IMG");
img.src = "images/1.gif";
document.getElementById('imgDiv').appendChild(img);

但它不会替换旧图像，无论它如何在第一个图像的底部添加另一个图像。

DIV 的语法是：

<div id="imgDiv" style="width:85px; height:100px; margin:0px 10px 10px 375px;"></div>

你可以阻止我吗？

Answer 1

var img = document.createElement("IMG");
img.src = "images/1.gif";
var oldImg = document.getElementById('oldImg');
document.getElementById('imgDiv').replaceChild(img, oldImg);