javascript - 在运行一些 Javascript 之前检查 DIV 是否存在

Question

我遇到了一个问题，在博客上我有下面这段 javascript 代码，用于获取 DIV id author-info 的位置。问题是这个 div 只在实际的文章页面上，而不在任何目录页面或索引上。

所以在这些没有 div 的页面上我得到了这个错误

Uncaught TypeError: Cannot read property 'top' of null

这是导致错误的javascript

var commentsPos = $('#author-info').offset().top - $(window).height();

我知道我可以在后端执行此操作以仅在适当的页面上显示该行 JS，但我想避免这种情况，因为这只是包含在页面中的一个更大的 javascript 文件的 1 行。

我在这里有哪些选择？请提供任何帮助，我想我需要在调用此操作之前以某种方式检查页面上是否存在此 div？

Answer 1

您可以检查 DOM 元素是否存在，然后执行您的 jQuery

if( document.getElementById('author-info') != null )
{
 var commentsPos = $('#author-info').offset().top - $(window).height();
}