ऑफसेटविड्थ प्रॉपर्टी

offsetWidth प्रॉपर्टी में एलिमेंट की पूरी चौड़ाई शामिल होती है (इसमें एलिमेंट की वास्तविक चौड़ाई, बॉर्डर की चौड़ाई, आंतरिक पैडिंग, स्क्रॉल बार शामिल हैं):

सिंटैक्स

javascriptelement.offsetWidth;

उदाहरण

आइए एलिमेंट का पूरा आकार जानें:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

कोड निष्पादित करने का परिणाम:

javascript150

उदाहरण

यदि एलिमेंट छिपा हुआ है, तो offsetWidth 0 के बराबर होता है:

html<div id="elem"></div>

css#elem {
  display: none; /* छिपा हुआ एलिमेंट */
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

कोड निष्पादित करने का परिणाम:

javascript0

यह भी देखें