画布上的 document.getElementById 返回 null答案

【问题标题】：document.getElementById on the canvas return null画布上的 document.getElementById 返回 null
【发布时间】：2017-01-25 00:07:58
【问题描述】：

我是 javascript 新手，我正在学习它。这样做时，我遇到了这个我无法弄清楚的问题，我在这里寻求您的帮助。

现在，当我在控制台（萤火虫）上运行以下命令时，它返回 null。

document.getElementById("myCanvas");

为什么我在这里没有得到预期的结果？

【问题讨论】：

【解决方案1】：

调用draw函数时DOM已经加载完毕，没错。

但是 var canvas = document.getElementById('control');-line 在此之前被评估，因为它不在绘图函数中。它在元素被渲染之前立即在文档中执行。

我建议你把你的 init 函数改成类似的东西

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

【讨论】：