Méthode : window.getComputedStyle()

Retourne le style CSS de l'élément HTML du DOM

Syntaxe
JSON window.getComputedStyle(HTMLElement obj)

Compatible tous navigateurs

Oui

Description
Calcule la cascade de styles et retourne le style CSS de l'élément HTML du DOM au format JSON.
Seules les propriétés de style renseignées sont retournées.

Exemple 1 : Récupération des propriétés CSS

Code source

<div class="myDiv" id="myDiv">Mon div 1</div>
<script>
var obj=document.getElementById("myDiv");
console.log(window.getComputedStyle(obj));
</script>

Résultat

Mon div 1

Emulation de la console

Explication

Affiche l'objet JSON de style de div#myDiv.

Page mise à jour le 25/09/2019

Nouvelle édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 21 octobre

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Dunod Fnac Amazon

Méthode : window.getComputedStyle()

Retourne le style CSS de l'élément HTML du DOM

Nouvelle édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...