DOM2非标准但却支持很好的几个属性小结

304 阅读 0 评论 201 点赞

我是靠谱客的博主悲凉星月，最近开发中收集的这篇文章主要介绍DOM2非标准但却支持很好的几个属性小结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、偏移量

offsetWidth：指元素在水平方向上占用的空间大小，包括边框及滚动条的宽度
offsetHeight：指元素在垂直方向上占用的空间大小，包括边框及滚动条的高度
offsetLeft：返回元素的左偏移量，即元素的左外边框至包含元素的左内边框的像素距离
offsetTop：返回元素的上偏移量，即元素的上外边框至包含元素的上内边框的像素距离
offsetParent：返回最近的动态定位的包含元素的索引，即元素的祖先元素

2、客户区大小

clientWidth：指元素内容(含内边距)在水平方向上占用的空间大小，不包括边框及滚动条的宽度
clientHeight：指元素内容(含内边距)在垂直方向上占用的空间大小，不包括边框及滚动条的高度

3、滚动大小

scrollWidth：指元素内容(含内边距)的实际宽度，包括被隐藏的内容宽度
scrollHeight：指元素内容(含内边距)的实际高度，包括被隐藏的内容高度
scrollLeft：指元素左侧被隐藏内容的宽度
scrollTop：指元素上方被隐藏内容的高度