JavaScript：获取元素大小（高度和宽度） 作者：马育民 • 2022-08-04 15:07 • 阅读：10045 # 关键代码 ``` var win = document.getElementById("windowBox") console.log(win.clientWidth) console.log(win.clientHeight) ``` # 说明 http://c.biancheng.net/view/6028.html https://www.cnblogs.com/yi11/p/6680916.html |元素尺寸属性|说明| |---|---| |clientWidth|获取元素可视部分的宽度，即 CSS 的 width 和 padding 属性值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域| |clientHeight|获取元素可视部分的高度，即 CSS 的 height 和 padding 属性值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域| |offsetWidth|元素在页面中占据的宽度总和，包括 width、padding、border 以及滚动条的宽度| |offsetHeight|元素在页面中占据的高度总和，包括 height、padding、border 以及滚动条的宽度| |scrollWidth|当元素设置了 overflow:visible 样式属性时，元素的总宽度，也称滚动宽度。在默认状态下，如果该属性值大于 clientWidth 属性值，则元素会显示滚动条，以便能够翻阅被隐藏的区域| |scrollHeight|当元素设置了 overflow:visible 样式属性时，元素的总高度，也称滚动高度。在默认状态下，如果该属性值大于 clientWidth 属性值，则元素会显示滚动条，以便能够翻阅被隐藏的区域| 原文出处：http://malaoshi.top/show_1IX3njErwBqC.html