原文網(wǎng)址：JS--獲取元素的高度與寬度_IT利刃出鞘的博客-CSDN博客
簡介
說明
本文介紹如何使用JavaScript獲取HTML標(biāo)簽的高度與寬度。
讀取的方法
document.getElementById("id").clientHeight
元素的尺寸屬性
| 元素尺寸屬性 |
說明 |
| clientWidth |
獲取元素可視部分的寬度，即 CSS 的 width 和 padding 屬性值之和，元素邊框和滾動條不包括在內(nèi)，也不包含任何可能的滾動區(qū)域 |
| clientHeight |
獲取元素可視部分的高度，即 CSS 的 height 和 padding 屬性值之和，元素邊框和滾動條不包括在內(nèi)，也不包含任何可能的滾動區(qū)域 |
| offsetWidth |
元素在頁面中占據(jù)的寬度總和，包括 width、padding、border 以及滾動條的寬度 |
| offsetHeight |
元素在頁面中占據(jù)的高度總和，包括 height、padding、border 以及滾動條的寬度 |
| scrollWidth |
當(dāng)元素設(shè)置了 overflow:visible 樣式屬性時，元素的總寬度，也稱滾動寬度。在默認狀態(tài)下，如果該屬性值大于 clientWidth 屬性值，則元素會顯示滾動條，以便能夠翻閱被隱藏的區(qū)域 |
| scrollHeight文章來源：http://www.zghlxwxcb.cn/news/detail-734777.html |
當(dāng)元素設(shè)置了 overflow:visible 樣式屬性時，元素的總高度，也稱滾動高度。在默認狀態(tài)下，如果該屬性值大于 clientWidth 屬性值，則元素會顯示滾動條，以便能夠翻閱被隱藏的區(qū)域文章來源地址http://www.zghlxwxcb.cn/news/detail-734777.html |
示意圖
到了這里，關(guān)于JS--獲取元素的高度與寬度的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
