Javascript 为什么接收TypeError Null？

这可能是一个愚蠢的问题，但作为javascript新手，我感到非常沮丧

我收到了

“TypeError:bajs为null”（js文件中的第2行）

。这是什么意思？我做错了什么？为什么不起作用

这是javascript：

var bajs = document.getElementById("canvas1");
bajs.addEventListener("click", hejhej, false);

function hejhej() {alert("it's working");}

这是html：

<canvas id="canvas1" width="500px" height="350px"></canvas>

在html中找不到元素，

document.getElementById（）

返回Null您发布的不是html的完整代码当我在JSFIDLE中尝试时，它只需单击即可正常工作。。。