如何每隔几秒钟在innerHTML标签中添加一个新图像，而又不破坏“ <br> ” JavaScript，HTML5

Question

我正在尝试创建一个基本的游戏，让您跳过去，这是我一直想找出的问题。 但是我的问题是，我正在使用innerHTML标记每隔几秒钟插入一个新图像，但是当我这样做时，它本身会破坏<br> 。 如何在innerHTML标记中添加新图像而不中断？

function landT() {
    document.getElementById("land01").innerHTML += "<pre><img src =\'images/platform00.png\'></pre>";
    moveMYP();
}

function moveMYP() {
    var thisTimer = setTimeout(moveMYP, 500);
    moveBlock1 = moveBlock1 - 10;
    document.getElementById("land00").style.left = moveBlock1 + "px";
}

Answer 1

您的图像位于pre 元素（即block元素）中 。

您可以修改display CSS属性inline或重新设计代码以不使用pre标记。

您是否考虑过使用createElement函数代替innerHTML ？ 区别在这里解释