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