Öğe genişliği/yüksekliği kenar boşluğu, dolgu, kenarlıklı kenarlık nasıl elde edilir (jQuery yok)

Question

Sadece doğal JS kullanarak ve xbrowser (IE8 +) ile öğenin genişliğini/yüksekliğini + kenar boşluğu doldurmayı + kenarlık hesaplamak için güvenilir yöntem mi arıyorsunuz?

TA

Answer 1

sadece marj, dolgu ve sınır özellikleri için piksel değerlerine dikkatli davranmalıyız, aşağıdakileri yapabilirsiniz:

// we're assuming a reference to your element in a variable called 'element' 
var style = element.currentStyle || window.getComputedStyle(element), 
    width = element.offsetWidth, // or use style.width 
    margin = parseFloat(style.marginLeft) + parseFloat(style.marginRight), 
    padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight), 
    border = parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth); 

alert(width + margin - padding + border); 

Eğer değerler diğer tür dikkatli davranmalıyız (ems, puan veya auto gibi değerler), Size this answer numaralı telefondan bahsetmek istiyorum.