错误:无法读取null的属性“top”

时间:2014-01-06 10:15:39

标签: javascript jquery html css

我想得到我的页脚顶部。但我收到此错误:无法读取属性'top'的null

这是我的HTML

<footer class="footer" role="complementary" id="myfooter">

</footer>

和jquery

var topoffooter=$('#myfooter').offset().top;

任何人都可以帮忙解决这个问题

1 个答案:

答案 0 :(得分:3)

<强>问题

问题可能正在发生,因为您的脚本无法找到DOM元素。 在javaScript

使用之前,元素应该存在于DOM中

<强>调试

而不是这一行var topoffooter=$('#myfooter').offset().top;只是尝试提醒jQuery对象的长度

alert($('#myfooter').length);

工作必须大于零,如果不是,我们正走在解决问题的正确道路上。


<强>解

1)您可以在关闭body标签之前放置脚本 - </body> - PREFERRED

2)或者,使用jQuery的执行文档(DOM)就绪事件的脚本 $(document).ready() http://api.jquery.com/ready/