位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 获取元素大小

提问人:刘团圆发布时间:2020-11-27

■知识点

可以使用下面3组属性获取元素的大小,与元素尺寸相关的属性如表所示。

元素尺寸属性

clientWidth

获取元素可视部分的宽度,即CSSwidthpadding属性值之和,元素边框和滚动条不包括在 内,也不包含任何可能的滚动区域

clientHeight

获取元素可视部分的高度,即CSSheightpadding属性值之和,元素边框和滚动条不包括在 内,也不包含任何可能的滚动区域

offsetWidth

元素在页而中占据的宽度总和,包括widthpaddingborder以及滚动条的宽度

offsetHeight

元素在页而中占据的高度总和,包括heightpaddingborder以及滚动条的高度

scroll Width

当元素设罝了 overflowwisible样式属性时,元素的总宽度,也称滚动宽度。在默认状态下,如果 该属性值大于clientWidth属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域

scrollHeight

当元素设置了 overfl0w:viSiblC样式属性时,元素的总高度,也称滚动高度。在默认状态下,如果 该属性值大于clientHeight属性值,则元素会显示滚动条,以便能够翻阅被隐藏的区域


继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部