为什么我的HTML div不会出现在我的HTML画布上？

Question

当播放器丢失我的javascript游戏时，我希望能够在我的画布上附加一个重播按钮。

我有HTML：

<canvas id="myCanvas" >

</canvas>

我的一部分javascript：

var canvas = document.getElementById("myCanvas");

...

if (gameover){
    var div = document.createElement('div');
    div.innerHTML = '<button onclick="window.reload">replay</button>';
    canvas.appendChild(div);
}

当我检查我的窗口时，HTML已被添加，但它没有显示在屏幕上？

Answer 1

canvas元素无法呈现HTML，您必须向画布添加新的兄弟，因此您的HTML代码会在画布之后呈现。

也许这会对你有所帮助： How to do insert After() in JavaScript without using a library?