سمة offsetHeight HTML DOM Element
- الصفحة السابقة normalize()
- الصفحة التالية offsetWidth
- العودة إلى المستوى السابق مثلث الـ HTML DOM Elements
التعريف والاستخدام
offsetHeight تقوم السمة بإرجاع الطول المرئي للعنصر (بأsein الصغيرة)، بما في ذلك الهوامش والهوامش والشوكلات، ولكن ليس المروحة.
offsetHeight السمة قابلة للقراءة فقط.
يرجى الرجوع إلى:دليل تعليم CSS frame
offsetParent
تقوم جميع العناصر الحجومية بتقديم تموضع بالنسبة ولي أمر التموضع:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
ويشير ولي أمر التموضع إلى الأب الأقرب الذي يحتوي على موضع غير ثابت.
إذا لم يكن هناك ولي أمر التموضع، فإن التموضع هو بالنسبة للنص الرئيسي للوثيقة.
يرجى الرجوع إلى:
مثال
مثال 1
عرض "myDIV" الطول والعرض، بما في ذلك الهوامش والهوامش:
const elmnt = document.getElementById("myDIV");
let text = \
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
مثال 2
الفرق بين clientHeight/clientWidth و offsetHeight/offsetWidthمع شريط التمرير:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
بدون شريط التمرير:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";
النص
element.offsetHeight
القيمة المعدلة
| النوع | الوصف |
|---|---|
| رقم | الارتفاع المرئي للعنصر (بالأرقام في البكسل)، بما في ذلك الهوامش والهوامش والشريط الافتراضي. |
دعم المتصفح
جميع المتصفحات تدعمها element.offsetHeight:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة normalize()
- الصفحة التالية offsetWidth
- العودة إلى المستوى السابق مثلث الـ HTML DOM Elements
