js获取div宽度

技术 置顶 精帖
0 451
peng49
peng49 2023-04-05 12:38:30
 
元素尺寸属性 说明
clientWidth 获取元素可视部分的宽度,即 CSS 的 width 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域
clientHeight 获取元素可视部分的高度,即 CSS 的 height 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域
offsetWidth 元素在页面中占据的宽度总和,包括 width、padding、border 以及滚动条的宽度
offsetHeight 元素在页面中占据的高度总和,包括 height、padding、border 以及滚动条的宽度
scrollWidth 当元素设置了 overflow:visible 样式属性时,元素的总宽度,也称滚动宽度。在默认状态下,如果该属性值大于 clientWidth 属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域
scrollHeight 当元素设置了 overflow:visible 样式属性时,元素的总高度,也称滚动高度。在默认状态下,如果该属性值大于 clientWidth 属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域
  1. # 页面可视宽度
  2. document.documentElement.clientWidth
  3. #页面可视高度
  4. document.documentElement.clientHeight

https://blog.csdn.net/weixin_42169395/article/details/122131742

回帖
登录
忘记密码?