HTML DOM Element offsetHeight نمائی
- ایک سطح نیچے normalize()
- پائیدار واپس offsetWidth
- ایک سطح اوپر واپس اہتمام ڈی اوز ایلیمنٹس اوز
تعریف اور استعمال
نمائی کمائی نمائی واپس کی جاتی ہے جو نمائی کی دیکھائی کمائی (پیکسلو میں) کا مظور رکھتا ہے، شامل پرانتز اور بوردر اور اسکرول بار، لیکن پرانتز کی کمائی کے بغیر.
نمائی کمائی نمائی صرفی ہوتی ہے。
بھی دیکھئے:CSS فریم ورک تعلیمی پروگرام
نمائی والد
تمام بلاک کلاس نمائی کی کمائی کا بیان نمائی والد کے ساتھ کیا جاتا ہے:
- نمائی بالا
- نمائی چپ
- offsetWidth
- نمائی کمائی
نمائی والد واضح طور پر نزدیک ترین غیر استاتیک نمائی والد ہوتا ہے。
اگر کوئی نمائی والد موجود نہیں ہے تو نمائی کی کمائی مستقیم طور پر دستاویز کی اصلی متن کے ساتھ ہوتی ہے。
بھی دیکھئے:
مثال
مثال 1
نمایاندن "myDIV" کی کمائی اور کی عرض، شامل پرانتز و بوردر:
const elmnt = document.getElementById("myDIV");
let text = "کمائی با پرانتز و بوردر: " + elmnt.offsetHeight + "px<br>";
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:
| کروم | آئی ای | ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|---|
| کروم | آئی ای | ایج | فائرفاکس | سافری | اوپرا |
| پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |
- ایک سطح نیچے normalize()
- پائیدار واپس offsetWidth
- ایک سطح اوپر واپس اہتمام ڈی اوز ایلیمنٹس اوز
