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

时间:2016-04-18 12:03:48

标签: javascript html canvas

当播放器丢失我的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已被添加,但它没有显示在屏幕上?

1 个答案:

答案 0 :(得分:2)

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

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