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/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 CSSOM全称CSS对象模型,涉及两部分内容,第一部分和操作样式表相关,第二部分和元素尺寸相关,本文介绍第二...
    江枫阅读 3,140评论 1 10
  • oDiv.clientWidth, oDiv.clientHeight 兼容性:全兼容内容区域的宽度、高度,不包括...
    桃花島主阅读 424评论 0 0
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 2,110评论 0 6
  • 再长的时间 都长不过回家的期盼 再美的风景 都美不过回家的那条路 再好的心情 都好不过回家时的感觉 (今天我要回家喽)
    春衫凉阅读 744评论 15 26
  • 偶然被一篇游记吸引,永泰盖洋乡珠峰村里有古银杏林群落!! 啥也不说不想不顾……出发。 短短的一百多公里走了三个多小...
    吼叫的胖阅读 359评论 0 3

友情链接更多精彩内容