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

1、偏移量

  offsetWidth:指元素在水平方向上占用的空间大小,包括边框及滚动条的宽度

  offsetHeight:指元素在垂直方向上占用的空间大小,包括边框及滚动条的高度

  offsetLeft:返回元素的左偏移量,即元素的左外边框至包含元素的左内边框的像素距离

  offsetTop:返回元素的上偏移量,即元素的上外边框至包含元素的上内边框的像素距离

  offsetParent:返回最近的动态定位的包含元素的索引,即元素的祖先元素

  2、客户区大小

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

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

  3、滚动大小

  scrollWidth:指元素内容(含内边距)的实际宽度,包括被隐藏的内容宽度

  scrollHeight:指元素内容(含内边距)的实际高度,包括被隐藏的内容高度

  scrollLeft:指元素左侧被隐藏内容的宽度

  scrollTop:指元素上方被隐藏内容的高度