CSSOM

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

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

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

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

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

6.innerHeight与clientHeight相同(属性是不一样是读写的),说的是ie中不支持此属性

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

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

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

参考: http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/

你可能感兴趣的:(CSSOM)