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

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

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

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets Javascript

Chargement
en cours...

Méthode : window.getComputedStyle()

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

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets Javascript