javascript - 如何在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？差异解释here