YUI - 获取真实的元素宽度？

Question

我正在使用 YUI，需要获取元素的真实宽度。元素的宽度可以如下确定。

宽度 + 左边框 + 右边框 + 左内边距 + 右内边距 + 左外边距 + 右外边距。

以下是我的想法。它似乎正在发挥作用。我只是想知道这是否是确定此问题的最佳方法，或者是否有更有效的方法？

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 属性，它返回的正是您想要的想。