如何每隔幾秒鍾在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 ？ 區別在這里解釋