Obtenir le style d'un élément à tous les coups ?

Gill

28 May 2012 à 14:00

Jusqu'à présent, je croyais que gérer les styles avec javascript était simple, mais si MODIFIER un style l'est effectivement, le LIRE semble bien plus compliqué !

N'y a t-il pas meilleure méthode que ce que j'ai réussi à faire ci-dessous ?
(avec ".style" ET ".getComputedStyle")

essai.css :

#test {
display: block;
}

essai.html :

<html>
<head><link rel="stylesheet" href="essai.css"></head>
<body>

<p id="test">du texte</p>

<script> // Affiche la valeur "display" de l'élément "test" (none/block/inline/inline-block)

   var elt = document.getElementById('test');

   etatTest = (elt.style.display=='' ? window.getComputedStyle(elt).getPropertyValue("display") : elt.style.display);

   console.log(etatTest);
</script>
</body></html>

-> affiche "block"
Modifié par Gill (28 May 2012 - 14:03)