तत्व की आंतरिक ऊंचाई प्राप्त करना

Question

पैडिंग और सीमाओं के बिना, आप तत्व की आंतरिक ऊंचाई कैसे प्राप्त करते हैं?

कोई jQuery, सिर्फ शुद्ध जे एस, और एक क्रॉस ब्राउज़र समाधान (IE7 शामिल)

Answer 1

var style = window.getComputedStyle(document.getElementById("Example"), null); 
style.getPropertyValue("height"); 

ऊपर संस्करण आधुनिक ब्राउज़रों में काम करेंगे। आईई ब्राउज़र के लिए कृपया currentStyle देखें। टिप्पणियों से

Answer 2

संपादित करें:

http://jsfiddle.net/hTGCE/1/ (थोड़ा अधिक कोड तो उम्मीद)

इंटरनेट आप इस तरह के कार्यों को खोजने में

:

function getRectangle(obj) { 

      var r = { top: 0, left: 0, width: 0, height: 0 }; 

      if(!obj) 
      return r; 

      else if(typeof obj == "string") 
      obj = document.getElementById(obj); 


      if(typeof obj != "object") 
      return r; 

      if(typeof obj.offsetTop != "undefined") { 

      r.height = parseInt(obj.offsetHeight); 
      r.width = parseInt(obj.offsetWidth); 
      r.left = r.top = 0; 

      while(obj && obj.tagName != "BODY") { 

       r.top += parseInt(obj.offsetTop); 
       r.left += parseInt(obj.offsetLeft); 

       obj = obj.offsetParent; 
      } 
      } 
      return r; 
     } 

अगर आप गद्दी घटाना चाहते हैं/सीमा -विड्थ सीएसएस फ़ाइल में सेट है और शैली विशेषता में गतिशील नहीं है:

var elem = document.getElementById(id); 
    var borderWidth = 0; 

      try { 
      borderWidth = getComputedStyle(elem).getPropertyValue('border-top-width'); 

      } catch(e) { 

      borderWidth = elem.currentStyle.borderWidth; 
      } 
    borderWidth = parseInt(borderWidth.replace("px", ""), 10); 

और पैडिंग के साथ ही। तो आप इसकी गणना करते हैं।

Answer 3

मैं एक ही समस्या थी और पता चला कि वहाँ कोई देशी पार plattform समाधान है, लेकिन समाधान आसान हालांकि

var actual_h = element.offsetHeight; 

      if(parseInt(element.style.paddingTop.replace('px','')) > 0){ 
       actual_h=actual_h - parseInt(element.style.paddingTop.replace('px','')); 

      } 
      if(parseInt(element.style.paddingBottom.replace('px','')) > 0){ 
       actual_h=actual_h - parseInt(element.style.paddingBottom.replace('px','')); 

      }