javascript - 使用 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);