div里面的HTML JS画布没有显示出来

Question

所以，我试图用HTML / CSS / JS制作一个简单的游戏，而且画布存在问题。我的完整代码位于https://pastebin.com/DM2ChXR2，它的部分内容如下：

<div>
...
</div>
<p id="footer"></p>
__________
document.body.insertBefore(this.canvas, document.getElementById("footer"));

现在它按预期工作，在＆＃34; start＆＃34;之后在所有内容上绘制画布。按下按钮。但是，如果我将锚标记放在div中，如：

<div>
...
<p id="footer"></p>
</div>

然后画布不会出现。我无法看到其合理的原因，我缺少什么？

Answer 1

好的，原因是insertBefore()的使用不当。应该为div设置一个id并使用document.getElementById("mainDiv").appendChild(this.canvas);代替。