offsetheight height clientHeight outerHeight等的区别

1.clientHeight和clientWidth用于描述元素内尺寸，是指 元素内容+内边距 大小，不包括边框（IE下实际包括）、外边距、滚动条部分

2. offsetHeight和offsetWidth用于描述元素外尺寸，是指 元素内容+内边距+边框，不包括外边距和滚动条部分只读

3. clientTop和clientLeft返回内边距的边缘和边框的外边缘之间的水平和垂直距离，也就是左，上边框宽度

4. offsetTop和offsetLeft表示该元素的左上角（边框外边缘）与已定位的父容器（offsetParent对象）左上角的距离 外边缘到元素

5.style.height只是返回元素本身的高度

6.innerHeight与clientHeight相同（属性是不一样是读写的），说的是ie中不支持此属性

7.scrollHeight返回元素的高度(元素的高度 + 内边距 +  溢出尺度，无溢出时与clientHeight一样)

8. offsetParent对象是指元素最近的定位（relative,absolute）祖先元素，递归上溯，如果没有祖先元素是定位的话，会返回null

9.outerheight(true/false) 当为true时返回整体的高度(元素的高度，内边距，边框和外边框) 

w3c上面说：其为只读属性且IE 不支持此属性，且没有提供替代的属性。但是在ie11上使用$(“#idName”).outerheight(true)得到了正确的值，$(“#idName”).outerheight(90)成功

js获取offsetheight的方法：document.getElementById("idName").offsetHeight;

jquery获取offsetHeight的方法：

offsetHeight是js对象所能支持的方法，而$("div:eq(1)")所获得的是一个JQUERY对象，他是不支持offsetHeight的。
 可以这样修改：1：$("div:eq(1)").get(0).offsetHeight;           //get()方法返回了DOM元素，可以支持offsetHeight属性，（注意：get()过后返回的是普通DOM元素，已经不支持JQUERY的方法了，但是可以用JS的方法）。
 

注意：

读写：style.height scrollHeight

只读：clientHeight offsetHeight

*Width 与*Height一样

最后

以上就是苗条柜子为你收集整理的offsetheight height clientHeight outerHeight等的区别的全部内容，希望文章能够帮你解决offsetheight height clientHeight outerHeight等的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。