Obtenez de l'élément de la hauteur quand style = auto ou 100%?

Tout comme les questions se demande comment puis-je obtenir le exacte px de hauteur ou la largeur d'un élément lorsque cet élément a style="width:100%; height:auto;" par exemple.

Je ne peut PAS imbriquer à l'intérieur d'un div et obtenir la hauteur/largeur via!

Je devine que javascript peut aider ici.

EDIT: je suis en utilisant ceci:

var collectNodes = document.getElementById('fade').children;

collectNodes[y].height() //??

Le code suivant me donne la chaîne "auto":

collectNodes[0].style.height;

EDIT2: C'est mon code.

<div id="divId">
    <img class="node" src="somePic0.png" style="z-index:10; opacity:0;"/>
    <img class="node" src="somePic1.png" style="z-index:9; opacity:0;"/>
    <img class="node" src="somePic2.png" style="z-index:8; opacity:1;"/> 
    <img class="node" src="somePic3.png" style="z-index:7; opacity:1;"/>
    <img class="node" src="somePic4.png" style="z-index:6; opacity:1;"/>
</div>

<script>
    var collectNodes = document.getElementById('divId').children; 
    var y = 0;
    for ( var x = 0; x < collectNodes.length; x++ ) {
        if ( collectNodes[x].style.opacity !== "" && !y ) {
            y = x;
        }
    }

    alert(collectNodes[y].height); //This alerts the string "auto" and not pixel height
</script>
Êtes-vous à l'aide de jquery ou d'une autre bibliothèque ou devrait-il être dans la plaine du javascript?
Selon une 🙂 je Préfère jQuery, javascript, mais travaillerait aswell!

OriginalL'auteur Karl Morrison | 2013-03-07