clientheight与offsetheight区别

clientHeight和offsetHeight是两个常用于获取元素尺寸的属性，它们之间有以下区别：

• clientHeight：表示元素的可见高度，即元素内容区域的高度加上内边距（padding）的高度。它不包括元素的边框（border）和滚动条（如果有的话）。换句话说，clientHeight是元素内容在垂直方向上可见的高度。
• offsetHeight：表示元素在垂直方向上占据的总空间高度。它包括元素的可见高度、内边距和边框的高度，但不包括外边距（margin）的高度。如果元素有滚动条，那么滚动条也会计算在内。

综上所述，clientHeight适用于需要知道元素内容实际显示高度的情况，而offsetHeight则适用于需要考虑元素所有占据空间高度的情况。

需要注意的是，这些属性仅适用于非行内元素（例如div、p等）和具有显式高度的行内块级元素（如<img>、<video>等）。对于行内元素（如<span>、<a>等），它们没有clientHeight和offsetHeight属性。