js随记

元素大小

偏移量

  • offsetHight: 元素在垂直方向上占用的空间大小,以像素计
  • offsetWidth: 元素在水平方向上占用的空间大小,以像素计
  • offsetLeft: 元素的左外边框到包含元素的左内边框的像素距离
  • offsetTop: 元素的上外边框到包含元素的上内边框的像素距离

客户区大小:元素内容和其内边距所占空间大小

  • clientWidth: 元素内容区域宽度加上左右内边距宽度
  • clientHeight: 元素内容区高度加上上下内边距高度

滚动大小:包含滚动内容的元素大小

  • scrollHeight: 没有滚动条的情况下,元素内容的总高度
  • scrollWidth: 没有滚动条的情况下,元素内容的总宽度
  • scrollLeft: 被隐藏在内容区域左侧的像素数,通过设置这个属性可以改变元素的滚动位置
  • scrollTop: 被隐藏在内容区域上方的像素数,通过设置这个属性可以改变元素的滚动位置