यूयूआई - सही तत्व चौड़ाई प्राप्त करें?

Question

मैं यूयूआई का उपयोग कर रहा हूं और तत्व की वास्तविक चौड़ाई प्राप्त करने की आवश्यकता है। एक तत्व की चौड़ाई निम्नानुसार निर्धारित की जा सकती है।

चौड़ाई + सीमा-बाएं + सीमा-दाएं + पैडिंग-बाएं + पैडिंग-दाएं + मार्जिन-बाएं + मार्जिन-दाएं।

नीचे मैं क्या आया हूं। ऐसा लगता है कि यह काम कर रहा है। मैं बस सोच रहा था कि यह निर्धारित करने के लिए यह सबसे अच्छा तरीका है या क्या वहां एक और अधिक प्रभावी तरीका है?

YUI().use('node', function(Y) { 
    var node = Y.one('#nav'); 
    var nodeWidth = trueElementWidth(node); 
    alert(nodeWidth); 
}); 

function trueElementWidth(el) { 
    var width = 0; 
    var attributes = ['border-left', 'border-right', 'padding-left', 'padding-right', 'width', 'margin-right', 'margin-left']; 
    for(var i=0; i < attributes.length; i++) { 
     width = width + removePx(el.getComputedStyle(attributes[i])); 
    } 
    return width; 
} 

function removePx(el) { 
    el = el.toString(); 
    length = el.length - 2; 
    elDimension = parseInt(el.substring(0, length)); 
    return isNaN(elDimension) ? 0 : elDimension; 
} 

Answer 1

offsetWidth संपत्ति है जो वास्तव में आप जो चाहते हैं वह लौटाती है।