HTML DOM Element offsetWidth गुण
- पिछला पृष्ठ offsetHeight
- अगला पृष्ठ offsetLeft
- एक स्तर ऊपर HTML DOM Elements ऑब्जेक्ट
वर्णन और उपयोग
offsetWidth गुण एलीमेंट की दृश्यमान चौड़ाई (पिक्सेल में) वापस देता है जो आंतरिक गाप, बॉर्डर और स्क्रॉल बार शामिल हैं, लेकिन बाह्य गाप नहीं शामिल हैं।
offsetWidth गुण लिखित हैं।
संदर्भ देखें:CSS फ़्रेमवर्क शिक्षण
offsetParent
सभी ब्लॉक इलाका एलीमेंट ऑफसेट पैरेंट के अपेक्षा ऑफसेट की सूचना देते हैं:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
ऑफसेट पैरेंट अगला निष्क्रिय स्थान के साथ आधारित अभिजाता है。
अगर ऑफसेट पैरेंट नहीं मौजूद है, तो ऑफसेट दस्तावेज़ के मुख्य भाग के लिए आपसी है。
अन्य संदर्भ:
उदाहरण
उदाहरण 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.offsetWidth
रिटर्न वैल्यू
| टाइप | वर्णन |
|---|---|
| संख्या | एलिमेंट की दृश्यमान चौड़ाई (पिक्सल में), गुमटी, बॉर्डर और स्क्रॉलबार सहित। |
ब्राउज़र समर्थन
सभी ब्राउज़र समर्थन करते हैं element.offsetWidth：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| समर्थन | समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ offsetHeight
- अगला पृष्ठ offsetLeft
- एक स्तर ऊपर HTML DOM Elements ऑब्जेक्ट
