HTML DOM Element offsetHeight अभिगुण

परिभाषा और उपयोग

offsetHeight अभिगुण एलिमेंट की दृश्यमान ऊंचाई (पिक्सेल में) वापस देता है, आंतरिक छाया, बॉर्डर और स्क्रॉल बार सहित, लेकिन बाह्य छाया को छोड़कर。

offsetHeight अभिगुण लिखित हैं।

संदर्भ देखें:CSS फ़्रेमवर्क शिक्षण

offsetParent

सभी ब्लॉक तत्व ऑफसेट पैरेंट के बाद ऑफसेट की सूचना देते हैं:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

ऑफसेट पैरेंट अभिगुण को, निष्क्रिय स्थिति वाले अभिगुण के निकटतम पैरेंट कहा जाता है。

यदि ऑफसेट पैरेंट नहीं मौजूद है, तो ऑफसेट दस्तावेज़ के मुख्य भाग के बाद अपेक्षा की जाती है。

अन्य संदर्भ:

offsetWidth अभिगुण

offsetParent अभिगुण

offsetTop अभिगुण

offsetLeft अभिगुण

clientTop अभिगुण

clientLeft अभिगुण

clientWidth अभिगुण

clientHeight अभिगुण

उदाहरण

उदाहरण 1

दिखाएँ "myDIV" की ऊंचाई और चौड़ाई को, आंतरिक छाया और बॉर्डर सहित:

const elmnt = document.getElementById("myDIV");
let text = "आंतरिक छाया और बॉर्डर के साथ ऊंचाई: " + elmnt.offsetHeight + "पिक्सेल<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：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन