`offsetHeight`是HTML DOM元素對象的屬性之一。它用于獲取一個元素在垂直方向上的高度,包括元素的內容、內邊距和邊框的高度。
`offsetHeight`屬性返回一個整數值,表示一個元素在像素單位下的總高度。這個高度包括元素內容的高度、內邊距(padding)的高度以及邊框(border)的高度。它還可能包括任何豎直滾動條的高度,如果存在的話。
以下是使用`offsetHeight`屬性的示例:
<div id="myElement" style="height: 100px; padding: 10px; border: 1px solid black;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<script>var element = document.getElementById("myElement");
var height = element.offsetHeight;
console.log(height); // 輸出: 122 (100px + 10px + 10px + 1px + 1px)
</script>
在上面的示例中,我們通過`document.getElementById()`方法獲取了一個具有特定ID的元素。然后,我們使用
`element.offsetHeight`來獲取該元素的高度,并將結果存儲在一個變量中。最后,我們將這個高度值打印到控制臺上。
需要注意的是,`offsetHeight`屬性是只讀屬性,不能對其進行賦值。此外,`offsetHeight`是一個相對于視口的屬性,因此如果父元素具有滾動條,它可能會受到滾動條的影響。