offsetWidth、clientWidth、scrollWidth、offsetLeft、scrollLeft详解

offsetWidth、clientWidth、scrollWidth、offsetLeft、scrollLeft详解_第1张图片

dom对象

  • offsetWidth = 对象本身的宽度(width+padding+borber包括滚动条)
  • clientWidth = 对象可视宽度(width+padding)
  • scrollWidth = 实际内容的宽度
  • offsetLeft = 相对于父级定位元素,在X方向的偏移量(如果本身没设置margin,则与style.left相同)
  • scrollWidth = x方向的滚动距离offsetWidth、clientWidth、scrollWidth、offsetLeft、scrollLeft详解_第2张图片

你可能感兴趣的:(offsetWidth、clientWidth、scrollWidth、offsetLeft、scrollLeft详解)