Uncaught TypeError: Cannot read property 'offsetTop' of null

93 阅读 0 评论 62 点赞

我是靠谱客的博主俏皮电脑，最近开发中收集的这篇文章主要介绍Uncaught TypeError: Cannot read property 'offsetTop' of null，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在获取内容区块高度（无滚动）时使用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";