Obtenir div hauteur, en pixels, bien que sa hauteur est définie à 100%

Je me demande si il n'y a aucun moyen de s'div hauteur en pixels, bien que sa hauteur définie précédemment à 100% de la hauteur.
Ceci est nécessaire que div contenu est dynamique donc div hauteur a des valeurs différentes en fonction de leur contenu lui-même.

[Modifier]
Div par défaut est caché.

J'ai besoin d'obtenir div hauteur, en pixels, pour plus tard, la manipulation (le défilement régulier sera fait pour la div)?
Est-il possible de faire cela?

Êtes-vous à l'aide de jQuery? ou vous voulez un pur JS solution?
Oui, j'utilise jQuery.

OriginalL'auteur Ahmed | 2010-06-23

  1. 15

    Puisque vous tagged jQuery, utilisez

    $("#myElement").height();

    http://api.jquery.com/height/

    De Plain Ol' Javascript, vous pouvez utiliser élément .clientHeight ou élément .offsetHeight, selon ce qui convient à vos besoins.

    Depuis la div est caché, vous aurez à .show() il avant d'appeler .height(), et vous pouvez le cacher à nouveau tout de suite:

    var $myEl  = $('#myElement').show();
var height = $myEl.height();
$myEl.hide();
    Cela ne fonctionne pas. Div par défaut est caché.
    de l'élément.clientHeight ou de l'élément.offsetHeight retour "0", comme le div est masqué par défaut.
    les éléments cachés n'ont pas de "pixels hauteur", de sorte que vous ne pouvez pas obtenir la hauteur, en pixels, sans affichage de l'élément en premier, puis le cacher à nouveau par la suite. Si vous cachez à droite après la présentation et l'obtention de la valeur de la hauteur, l'écran ne sera pas mis à jour pour afficher l'élément.
    show() & hide() div pour obtenir la hauteur fonctionne correctement. Merci.

    OriginalL'auteur Andy E

  2. 5
    theDiv.clientHeight

    OriginalL'auteur Deniz Dogan

  3. 2

    Vous pouvez utiliser hauteur()

    $("#divInQuestion").height();

    OriginalL'auteur Russell Dias

  4. 1

    Vous pouvez utiliser le .hauteur() fonction:

    $('#divid').height()

    OriginalL'auteur Darin Dimitrov

  5. 0

    Bien lent navigateurs " afficher/masquer la méthode est susceptible de causer la boîte à clignoter (même si l'ordinateur doit être vraiment lent). Donc, si vous voulez éviter cela, donner la div une opacité: 0 - et peut-être même un position: absolute, de sorte qu'il ne marche pas pousser le contenu. Afin de prolonger le code:

    var $myEl  = $('#myElement').css({"opacity": "0", "position": "absolute"}).show();
var height = $myEl.height();
$myEl.hide().css({"opacity": "", "position": ""});

    Mais encore une fois. Cela peut-être exagéré.

    OriginalL'auteur Tokimon