HTML DOM Element clientHeight गुण
- पिछला पृष्ठ click()
- अगला पृष्ठ clientLeft
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements ऑब्जेक्ट
परिभाषा और उपयोग
clientHeight गुण एलिमेंट की दृश्यमान ऊंचाई वापस देता है, जिसमें आंतरिक पैडिंग शामिल है, लेकिन किनारा, स्क्रॉल बार या बाह्य पैडिंग शामिल नहीं है, पिक्सल में।
clientHeight गुण लिखित हैं।
देखें:CSS फ्रेमवर्क शिक्षा
देखें:
यदि आप एलिमेंट को स्क्रॉल बार जोड़ना चाहते हैं, तो CSS overflow एट्रिब्यूट。
इन्स्टांस
उदाहरण 1
myDIV की ऊंचाई और चौड़ाई प्राप्त करें, जिसमें आंतरिक पैडिंग शामिल है:
const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";
उदाहरण 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.clientHeight
वापसी मूल्य
| टाइप | वर्णन |
|---|---|
| संख्या | एलिमेंट की दृश्यमान ऊंचाई (पिक्सल में), जिसमें आंतरिक पैडिंग शामिल है। |
ब्राउज़र समर्थन
सभी ब्राउज़र समर्थन करते हैं element.clientHeight：
| च्रोम | आईई | एज | फायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|---|
| च्रोम | आईई | एज | फायरफॉक्स | सैफारी | ओपेरा |
| समर्थन | समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ click()
- अगला पृष्ठ clientLeft
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements ऑब्जेक्ट
