HTML DOM Element clientWidth गुण

वर्णन और उपयोग

clientWidth गुण एलिमेंट की दृश्यमान चौड़ाई वापस देता है, अंतरविन्यास सहित, बाहरी पैडिंग, स्क्रॉल बार या बॉर्डर नहीं, पिक्सल में।

clientWidth गुण लिंकिंग है

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

अन्य संदर्भ:

clientHeight अधिरेखा

clientTop अधिरेखा

clientLeft अधिरेखा

offsetHeight अधिरेखा

offsetWidth अधिरेखा

यदि आप एलिमेंट में स्क्रॉल बार जोड़ना चाहते हैं, तो CSS overflow गुण。

इन्स्टांस

उदाहरण 1

"myDIV" की ऊंचाई और चौड़ाई प्राप्त करें, अंतरविन्यास सहित:

const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";

आप खुद सिफारिश करें

उदाहरण 2

उदाहरण 2: clientHeight/clientWidth और offsetHeight/offsetWidth का अंतर

स्क्रॉल बार नहीं है:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

आप खुद सिफारिश करें

स्क्रॉल बार है:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

आप खुद सिफारिश करें

व्याकरण

element.clientWidth

वापसी मूल्य

टाइप वर्णन
शून्यांक एलिमेंट की दृश्यमान चौड़ाई (पिक्सल में), अंतरविन्यास सहित。

ब्राउज़र समर्थन

सभी ब्राउज़र समर्थन करते हैं element.clientWidth：

च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन