溫馨提示×

HTML DOM Element offsetHeight屬性是什么

小億
136
2023-10-12 11:24:27
欄目: 編程語言

`offsetHeight`是HTML DOM元素對象的屬性之一。它用于獲取一個元素在垂直方向上的高度,包括元素的內容、內邊距和邊框的高度。

`offsetHeight`屬性返回一個整數(shù)值,表示一個元素在像素單位下的總高度。這個高度包括元素內容的高度、內邊距(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`是一個相對于視口的屬性,因此如果父元素具有滾動條,它可能會受到滾動條的影響。


0