JS - scrollWidth、clientWidth、offsetWidth 区别

幺幺零

 关注

阅读 46

2022-05-23


一、属性说明：


  1. clientWidth = width（可见区域）+ padding - 滚动条宽度
  2. offsetWidth = width（可见区域） + padding + border（若有滚动条宽，那就包含在里面了）
  3. scrollWidth = width（自身实际长度，包括不可见区） + padding + border + margin

二、图例：

JS - scrollWidth、clientWidth、offsetWidth 区别_scrollWidth

JS - scrollWidth、clientWidth、offsetWidth 区别_offsetWidth_02

JS - scrollWidth、clientWidth、offsetWidth 区别_scrollWidth_03


相关推荐

style.width、clientWidth、offsetWidth

胡桑_b06e 73 0 0

JS addEventListener 区别

做个橙梦 36 0 0

js substr substring 区别

落拓尘嚣 89 0 0

JS - null、undefined 区别

东方小不点 262 0 0

js undefined null 区别

code_balance 103 0 0

JS中==和===的区别

夏沐沐 104 0 0

js表单和submit 区别

程序小小黑 128 0 0

nodejs和js的区别

小龟老师 71 0 0

js 中 | | 和 ? ? 的区别

勇敢的趙迦禾 162 0 0

js中===和==的区别

非凡兔 140 0 0

精彩评论（0）

0 0 举报