js 获取元素大小

301 阅读1分钟
元素尺寸属性说明
clientWidth获取元素可视部分的宽度,即 css 的 width 和 padding 属性值之和,元素边宽和滚动条不包含在内,也不包含任何可能滚动区域。
clientHeight获取元素可视部分的高度,即 css 的 height 和 padding 属性之和,元素边宽和滚动条不包含在内,也不包含任何可能滚动的区域。
offsetWidth元素在页面中占据的宽度总和,包括width 、 padding、border以及滚动条的宽度。
offsetHeight元素在页面中占据的高度总和,包括height、padding、border以及滚动条的宽度。
scrollWidth当元素设置了overflow:visible 样式属性时,元素的总宽度,也称滚动宽度。在默认状态下,如果该属性值大于clientWidth 属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域。
scrollHeight当元素设置了overflow:visible 样式属性时,元素的总高度,也称滚动高度。在默认状态下,如果该属性值大于clientHeight 属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域。