HTML DOM 元素 offsetHeight
示例
顯示 "myDIV" 的高度和寬度，包括內邊距和邊框
const elmnt = document.getElementById("myDIV");
let text = "帶內邊距和邊框的高度: " + elmnt.offsetHeight + "px<br>";
text += "帶內邊距和邊框的寬度: " + elmnt.offsetWidth + "px";
自己動手試一試 »
更多示例見下文。
描述
offsetHeight 屬性返回元素的可見高度（以畫素為單位），包括內邊距、邊框和捲軸，但不包括外邊距。
offsetHeight 屬性是隻讀的。
教程
offsetParent
所有塊級元素都報告相對於 offset 父級的偏移量
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
offset 父級是最近的、position 屬性不為 static 的祖先元素。
如果不存在 offset 父級，則偏移量相對於文件主體。
另請參閱
語法
element.offsetHeight
返回值
| 型別 | 描述 |
| Number | 元素的可見高度（以畫素為單位），包括內邊距、邊框和捲軸。 |
clientHeight/clientWidth 和 offsetHeight/offsetWidth 的區別
沒有捲軸時
const elmnt = document.getElementById("myDIV");
let text = "";
text += "帶內邊距的高度: " + elmnt.clientHeight + "px<br>";
text += "帶內邊距和邊框的高度: " + elmnt.offsetHeight + "px<br>";
text += "帶內邊距的寬度: " + elmnt.clientWidth + "px<br>";
text += "帶內邊距和邊框的寬度: " + elmnt.offsetWidth + "px";
自己動手試一試 »
有捲軸時
const elmnt = document.getElementById("myDIV");
let text = "";
text += "帶內邊距的高度: " + elmnt.clientHeight + "px<br>";
text += "帶內邊距、邊框和捲軸的高度: " + elmnt.offsetHeight + "px<br>";
text += "帶內邊距的寬度: " + elmnt.clientWidth + "px<br>";
text += "帶內邊距、邊框和捲軸的寬度: " + elmnt.offsetWidth + "px";
自己動手試一試 »
瀏覽器支援
element.offsetHeight 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
