Javascript getElementById null 错误

Question

我最近发布了有关 Firefox 中 javascript 的问题，并且指出该问题可能是 document.write() 以某种方式覆盖了脚本。 It was suggested I use IDs to solve the problem of both overwriting the script and to avoid stacking of the information .

但是，在尝试将 ID 实现到我的 javascript 和 html 代码中时，我发现 firebug 报告:

"TypeError: document.getElementById("author_container") is null"

尽管如此，ID 已经再次定义在:

<p id="author_container"></p>

并且显然没有拼写错误，将脚本重新排列到头部或对其进行更改，以便 p 出现在脚本之前绝对没有任何区别。 (请注意，尽管脚本首先发生，但另一个示例运行良好)。

如果我使用 ID 和 getElementById 的现有示例并在 Firefox 中运行它，则它运行良好:

http://pastebin.com/FTEX1HGE

但是如果我尝试运行我的代码(这似乎没有太大不同)，我就会遇到问题: http://pastebin.com/XfGUpZAS

我在这里遗漏了什么吗？如何更改代码以使其在 Firefox 中运行？ Firefox 能让我正确运行我的代码吗？ (下周就知道了吗？)

Answer 1

将脚本放在页面底部、结束语之前 </body>标签。换句话说，将脚本标记设为 document.body 的最后一个。 。这样，DOM 树就会在脚本开始之前完全加载。

除了一些问题之外，真正的问题是document.open GenerateCoord 中的声明功能。 清除了整个文档，之后 - 实际上 - 没有任何元素可以通过任何 Id 获取。这是a jsfiddle没有它。