HTML DOM offsetHeight 属性

مثلث جافا سكربت Element DOM

offsetHeight只读属性以整数形式返回元素的高度，包括垂直填充和边框。

通常，offsetHeight是元素CSS高度的像素度量，包括任何边框、填充和水平滚动条(如果有的话)。它不包括伪元素的高度，比如:: before或:: after。

要了解此属性，您必须了解CSS Box Model。

使用clientHeight和clientWidth属性返回元素的可见高度和宽度，包括填充，但不包括边框，边距和滚动条（如果存在）。

语法：

element.offsetHeight

var elem = document.querySelector("div");
var txt = \
txt += \

توافق المتصفحات

يدعم جميع المتصفحات خصائص offsetHeight بشكل كامل:

تفاصيل التقنية

مزيد من الأمثلة

هذا المثال يوضح الفرق بين clientHeight وoffsetHeight:

var elem = document.querySelector("div");
var txt = "Height includes padding: " + elem.clientHeight + "px<br>";
txt += "Height includes padding + border: " + elem.offsetHeight + "px";

مراجع مرتبطة

مرجع DOM HTMLخصائص offsetWidth

مرجع DOM HTMLخصائص offsetLeft

مرجع DOM HTMLخصائص offsetTop

مرجع DOM HTMLخصائص offsetParent

مثلث جافا سكربت Element DOM