浅谈style.height、clientHeight、offsetHeight、scrollHeight

先分别介绍以下，以下资料来自MDN

HTMLElement.offsetHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。

Element.clientHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。

Element.scrollHeight 是一个只读属性，是一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容

 

 

	style.height	clientHeight	offsetHeight	scrollHeight
所属对象	Object	Element	HTMLElement	Element
获取高度	内联样式高度	元素高度+内边距	元素高度+内边距+边框+滚动条	元素高度+内边距+伪元素
		不包含滚动条	不包含伪元素
出现滚动条		可见部分高度		元素所有部分
读写属性	读写	只读	只读	只读

 

#本文有写的不好或不对的地方还请各位指出，一起学习！#

转载于:https://www.cnblogs.com/wament/p/10285493.html