एचटीएमएल डोम एलिमेंट क्लाइंटहाइट
तत्व वस्तुउदाहरण
पैडिंग सहित "myDIV" की ऊंचाई और चौड़ाई प्राप्त करें:
const elmnt = document.getElementById("myDIV");
let text = "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px";
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
गुण पिक्सेल में किसी तत्व की clientHeight
देखने योग्य ऊंचाई लौटाता है, जिसमें पैडिंग शामिल है, लेकिन बॉर्डर, स्क्रॉलबार या मार्जिन नहीं।
clientHeight
संपत्ति केवल पढ़ने के लिए है ।
ट्यूटोरियल:
यह सभी देखें:
एलिमेंट क्लाइंटविड्थ प्रॉपर्टी
किसी तत्व में स्क्रॉलबार जोड़ने के लिए, CSS अतिप्रवाह गुण का उपयोग करें।
वाक्य - विन्यास
element.clientHeight
प्रतिलाभ की मात्रा
प्रकार | विवरण |
संख्या | पैडिंग सहित तत्व की देखने योग्य ऊंचाई (पिक्सेल में) |
क्लाइंटहाइट/क्लाइंटविड्थ और ऑफ़सेटहाइट/ऑफ़सेटविड्थ के बीच का अंतर
स्क्रॉलबार के बिना:
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.clientHeight
सभी ब्राउज़रों में समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |
तत्व वस्तु