HTML DOM क्लाइंटबाएं संपत्ति
उदाहरण
एक <div> तत्व के शीर्ष और बाएँ बॉर्डर की चौड़ाई प्राप्त करें:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
ClientLeft गुण किसी तत्व के बाएँ बॉर्डर की चौड़ाई पिक्सेल में लौटाता है।
इस गुण में तत्व का बायां पैडिंग या बायां हाशिया शामिल नहीं है।
युक्ति: आप किसी तत्व की बाईं सीमा की चौड़ाई वापस करने के लिए style.borderLeftWidth प्रॉपर्टी का भी उपयोग कर सकते हैं ।
नोट: विंडोज़ पर क्रोम, फ़ायरफ़ॉक्स और ओपेरा के लिए, यदि तत्व में स्क्रॉलबार (सीएसएस ओवरफ्लो प्रॉपर्टी द्वारा सेट) है, और यदि उस तत्व की टेक्स्ट दिशा दाएं से बाएं (सीएसएस दिशा संपत्ति द्वारा निर्धारित) है, तो यह संपत्ति में लंबवत स्क्रॉलबार की चौड़ाई शामिल है, साथ ही बाएं सीमा चौड़ाई के साथ। आईई में, हालांकि, यह "0" देता है। मैक ओएस पर, सफारी, क्रोम, फ़ायरफ़ॉक्स या ओपेरा का उपयोग करके, यह केवल बाईं सीमा की चौड़ाई देता है।
युक्ति: किसी तत्व की ऊपरी सीमा की चौड़ाई वापस करने के लिए, क्लाइंटटॉप गुण का उपयोग करें।
यह संपत्ति केवल पढ़ने के लिए है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
element.clientLeft
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक संख्या, किसी तत्व की बाईं सीमा की चौड़ाई को पिक्सेल में दर्शाती है |
---|
और ज्यादा उदाहरण
उदाहरण
इस उदाहरण में, <div> की टेक्स्ट दिशा दाएं से बाएं है, और इसमें स्क्रॉलबार है:
var left = document.getElementById("myDIV").clientLeft;