Comment obtenir la valeur de largeur CSS avec Javascript?

Question

J'essaie de calculer la largeur d'un élément de sorte que lorsque j'utilise JavaScript pour envelopper un élément parent, je peux définir la largeur du parent pour qu'il corresponde à la largeur de l'enfant. Le $('#element').css('width'); évident n'est pas tout à fait ce que je veux, car il semble seulement renvoyer la valeur calculée en pixels. Est-il possible que je puisse retourner la valeur CSS réelle, que ce soit 300px ou 20% ou auto, au lieu de la valeur calculée?

Voici comment cela est généralement configuré, mais j'aimerais connaître la valeur CSS de #child au lieu de la valeur calculée.

$(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

Je ne crois pas que vous puissiez le faire. Le mieux que vous obtiendrez est offsetWidth ou clientWidth qui retourne la valeur calculée, avec et sans les marges de comptage, le remplissage et les bordures.

Answer 2

Vous devez lire la feuille de style elle-même.

Voir: How can I read out the CSS text via Javascript as defined in the stylesheet?

Answer 3

Tout le monde, mais IE soutient window.getComputedStyle(element), que vous pouvez utiliser comme ceci:

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

Est-ce que ne vous aidera pas avec IE, cependant.