在开始之前，我只是想让你知道我对网络开发很陌生。我还想保留这个100％的javascript，所以现在没有jquery或其他语言。
以下代码源自此视频： https://www.youtube.com/watch?v=esa5hJegRfI
我得到的错误如下：
未捕获的TypeError：无法读取null的属性'appendChild' 在drawBarChart（script.js：58） 在script.js：66
这是javascript：
<div id="div1" ></div>
由于同样的错误，变量heightOfContainer和widthOfContainer不起作用：
未捕获的TypeError：无法读取null的属性'scrollWidth' 在drawBarChart（script.js：42） 在script.js：66
或
未捕获的TypeError：无法读取null的属性'scrollHeight' 在drawBarChart（script.js：44） 在script.js：66
最后一个appendChild函数似乎不起作用，我已经查看了类似的其他问题，但似乎找不到。 相关的HTML代码只是一个div，但如果你想在这里它是：
GL_ELEMENT_ARRAY_BUFFER我知道这个错误是非常个人化的，并不会影响其他人，但我已经向其他地方寻求帮助，我无法找出它为什么不起作用。希望你能帮助并感谢你的时间。
答案 0 :(得分：7)
您的代码在DOM准备好之前加载，因此选择器无法在页面上找到这些元素。
您可以将JS放在页面底部，以便在代码运行之前完全加载DOM，然后选择器可以使用div元素。
这是一个jsbin。