Skip to content
登录后刷题更便捷

offsetWidth / offsetHeight,clientWidth / clientHeight 与 scrollWidth / scrollHeight 的区别?

难度:
  • clientWidth/clientHeight 返回的是元素的内部宽度,它的值只包含 content + padding,如果有滚动条,不包含滚动条。

  • clientTop 返回的是上边框的宽度。

  • clientLeft 返回的左边框的宽度。

  • offsetWidth/offsetHeight 返回的是元素的布局宽度,它的值包含 content + padding + border 包含了滚动条。

  • offsetTop 返回的是当前元素相对于其 offsetParent 元素的顶部的距离。

  • offsetLeft 返回的是当前元素相对于其 offsetParent 元素的左部的距离。

  • scrollWidth/scrollHeight 返回值包含 content + padding + 溢出内容的尺寸。

  • scrollTop 属性返回的是一个元素的内容垂直滚动的像素数。

  • scrollLeft 属性返回的是元素滚动条到元素左边的距离。

详细资料可以参考:

友情提示

本站大部分内容来自于网络,绝大部分内容对读者免费开放,如有不恰当的地方欢迎与我们取得联系更正,谢谢。

内容仅供参考,难免有不恰当的地方,如果有问题欢迎及时反馈
部分内容来自网络,如果不慎侵犯您的权益,请联系我们,以便及时删除侵权内容