原文网址:JS--获取元素的高度与宽度_IT利刃出鞘的博客-CSDN博客
简介
说明
本文介绍如何使用JavaScript获取HTML标签的高度与宽度。
读取的方法
document.getElementById("id").clientHeight
元素的尺寸属性
元素尺寸属性 |
说明 |
clientWidth |
获取元素可视部分的宽度,即 CSS 的 width 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域 |
clientHeight |
获取元素可视部分的高度,即 CSS 的 height 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域 |
offsetWidth |
元素在页面中占据的宽度总和,包括 width、padding、border 以及滚动条的宽度 |
offsetHeight |
元素在页面中占据的高度总和,包括 height、padding、border 以及滚动条的宽度 |
scrollWidth |
当元素设置了 overflow:visible 样式属性时,元素的总宽度,也称滚动宽度。在默认状态下,如果该属性值大于 clientWidth 属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域 |
scrollHeight文章来源:https://www.toymoban.com/news/detail-734777.html |
当元素设置了 overflow:visible 样式属性时,元素的总高度,也称滚动高度。在默认状态下,如果该属性值大于 clientWidth 属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域文章来源地址https://www.toymoban.com/news/detail-734777.html |
示意图
到了这里,关于JS--获取元素的高度与宽度的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!