Uncaught TypeError: Cannot read property 'offsetTop' of null

最新推荐文章于 2025-06-25 09:08:26 发布

不晓笙

最新推荐文章于 2025-06-25 09:08:26 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： bug 文章标签： javascript offsetTop

本文链接：https://blog.youkuaiyun.com/qq_21761793/article/details/52964606

bug 专栏收录该内容

3 篇文章

订阅专栏

本文解决了一个JavaScript中关于offsetTop属性的常见错误，通过检查元素是否为null来避免程序崩溃，并提供了一种设置内容区块高度的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在获取内容区块高度（无滚动）时使用offsetTop报如下错误：

Uncaught TypeError: Cannot read property ‘offsetTop’ of null

实现效果如图：

这里写图片描述

主要js代码

// 内容可视区域的高度
clientHeight = document.documentElement.clientHeight;

// 减去头部和底部的高度及上下外边距
colHeight = clientHeight - 60 - document.getElementById("cover-page").offsetTop;

// 界面的内容区高度
document.getElementById("cover-page").style.height = colHeight + "px";

修改后代码

// 内容可视区域的高度 
clientHeight = document.documentElement.clientHeight; 

// 减去头部和底部的高度及上下外边距,设置高度
cover_page = document.getElementById("cover-page");

cover_page.style.height = (clientHeight - cover_page.offsetTop - 60) + "px";