Javascript can';t将元素传递给航路点构造函数

Javascript can';t将元素传递给航路点构造函数,javascript,web,Javascript,Web,我正在尝试进入waypoint.js框架并完成本教程的第一步。 (我正在做的是jquery独立的) 这是Chrome在加载时给我的错误: 以下是html: 以下是js: 我不知道这是否与此有关,但js代码中的“元素”并不像“处理程序”那样以蓝色突出显示。还尝试了firefox,虽然没有给出任何错误,但也无法工作。在尝试使用getElementById查找元素时,请确保元素具有给定的id。使用DOMContentLoaded事件或将脚本放在文档正文的底部。@YuryTarabanko嘿,非常

我正在尝试进入waypoint.js框架并完成本教程的第一步。 (我正在做的是jquery独立的)

这是Chrome在加载时给我的错误:

以下是html:

以下是js:


我不知道这是否与此有关,但js代码中的“元素”并不像“处理程序”那样以蓝色突出显示。还尝试了firefox,虽然没有给出任何错误,但也无法工作。

在尝试使用
getElementById
查找元素时,请确保元素具有给定的id。使用
DOMContentLoaded
事件或将脚本放在文档正文的底部。@YuryTarabanko嘿,非常感谢,将脚本放在文档正文的底部是有效的,但为什么会这样,我的意思是为什么这样重要?这是浏览器解析文档的方式。粗略地说,当涉及到脚本标记时,它停止解析并执行脚本内容。这意味着文档的其余部分还没有被解析。因此,
getElementById
返回null。因此,您要么将脚本放在内容下方,要么使用解析文档时激发的特殊事件。@YuryTarabanko非常感谢:)