JavaScript 獲取元素大小
提問人:劉團圓發(fā)布時間:2020-11-27
■知識點
可以使用下面3組屬性獲取元素的大小,與元素尺寸相關的屬性如表所示。
元素尺寸屬性 | 說 明 |
clientWidth | 獲取元素可視部分的寬度,即CSS的width和padding屬性值之和,元素邊框和滾動條不包括在 內,也不包含任何可能的滾動區(qū)域 |
clientHeight | 獲取元素可視部分的高度,即CSS的height和padding屬性值之和,元素邊框和滾動條不包括在 內,也不包含任何可能的滾動區(qū)域 |
offsetWidth | 元素在頁而中占據的寬度總和,包括width、padding、border以及滾動條的寬度 |
offsetHeight | 元素在頁而中占據的高度總和,包括height、padding、border以及滾動條的高度 |
scroll Width | 當元素設罝了 overflowwisible樣式屬性時,元素的總寬度,也稱滾動寬度。在默認狀態(tài)下,如果 該屬性值大于clientWidth屬性值,則元素會顯示滾動條,以便能夠翻閱被隱藏的區(qū)域 |
scrollHeight | 當元素設置了 overfl0w:viSiblC樣式屬性時,元素的總高度,也稱滾動高度。在默認狀態(tài)下,如果 該屬性值大于clientHeight屬性值,則元素會顯示滾動條,以便能夠翻閱被隱藏的區(qū)域 |
繼續(xù)查找其他問題的答案?
相關視頻回答
點擊加載更多評論>>