mozilla
Vos résultats de recherche

    window.getComputedStyle

    Résumé

    getComputedStyle() donne la  valeur calculée finale de toutes les propriétés CSS sur un élément.

    Syntaxe

    var style = window.getComputedStyle(element[, pseudoElt]);
    element
    L’Element pour lequel vous voulez obtenir une valeur calculée.
    pseudoElt Facultatif
    Chaîne de caractère spécifiant le pseudo-élément à cibler. Doit être null (ou non spécifiée) pour les éléments communs.
    Note: Avant Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1), le paramètre pseudoElt était obligatoire. Aucun autre navigateur majeur ne requière que ce paramètre soit renseigné si il est null. Gecko a été modifié pour se comporter comme les autres navigateurs.

    La valeur de retour style est un objet CSSStyleDeclaration.

    Exemple

    var elem1 = document.getElementById("elemId");
    var style = window.getComputedStyle(elem1, null);
    
    // Ce qui équivaut à : 
    // var style = document.defaultView.getComputedStyle(elem1, null);
    
    <style>
     #elem-container{
       position: absolute;
       left:     100px;
       top:      200px;
       height:   100px;
     }
    </style>
    
    <div id="elem-container">dummy</div>
    <div id="output"></div>  
    
    <script>
      function getTheStyle(){
        var elem = document.getElementById("elem-container");
        var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("height");
        document.getElementById("output").innerHTML = theCSSprop;
       }
      getTheStyle();
    </script>
    

    Étiquettes et contributeurs liés au document

    Contributors to this page: khalid32, Zlitus, tregagnon, fscholz, teoli
    Dernière mise à jour par : khalid32,
    Masquer la barre latérale