Как получить значение ширины CSS с помощью Javascript?

Question

Я пытаюсь вычислить ширину элемента, чтобы при использовании JavaScript для обтекания родительского элемента я мог установить ширину родительского элемента в соответствии с шириной дочернего элемента.Очевидное $('#element').css('width'); не совсем то, что я хочу, потому что оно только возвращает вычисленное значение в пикселях.Есть ли способ, которым я могу вернуть фактическое значение CSS, будь то 300px или 20% или auto, вместо вычисленного значения?Хотелось бы узнать значение CSS #child вместо расчетного значения.

$(document).ready(function(){
    $('#child').wrap('<div id="parent"></div>');
    $('#parent').each(function(){
        var childWidth = $(this).children('#child').css('width');
        $(this).css('width', childWidth)
    });
});

Answer 1

Я не верю, что ты можешь сделать это.Лучшее, что вы получите - это offsetWidth или clientWidth, которые возвращают вычисленное значение с учетом и без учета полей, полей и границ.

Answer 2

Все, кроме IE, поддерживают window.getComputedStyle(element), который вы можете использовать следующим образом:

getComputedStyle($('#child')).width; // returns actual width of #child

Не помогает с IE, хотя.

Answer 3

Вам нужно прочитать саму таблицу стилей.

См .: Как я могу прочитать текст CSS через Javascript, как определено в таблице стилей?