JavaScript 获取元素大小
提问人:刘团圆发布时间:2020-11-27
■知识点
可以使用下面3组属性获取元素的大小,与元素尺寸相关的属性如表所示。
元素尺寸属性 | 说 明 |
clientWidth | 获取元素可视部分的宽度,即CSS的width和padding属性值之和,元素边框和滚动条不包括在 内,也不包含任何可能的滚动区域 |
clientHeight | 获取元素可视部分的高度,即CSS的height和padding属性值之和,元素边框和滚动条不包括在 内,也不包含任何可能的滚动区域 |
offsetWidth | 元素在页而中占据的宽度总和,包括width、padding、border以及滚动条的宽度 |
offsetHeight | 元素在页而中占据的高度总和,包括height、padding、border以及滚动条的高度 |
scroll Width | 当元素设罝了 overflowwisible样式属性时,元素的总宽度,也称滚动宽度。在默认状态下,如果 该属性值大于clientWidth属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域 |
scrollHeight | 当元素设置了 overfl0w:viSiblC样式属性时,元素的总高度,也称滚动高度。在默认状态下,如果 该属性值大于clientHeight属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域 |
继续查找其他问题的答案?
相关视频回答
回复(0)
点击加载更多评论>>