<html>
<head>
<style>
#menu{
color :red;
}
</style>
</head>
<body>
<div id="menu">
ABCXTZ
</div>
</body>
<script>
a = document.getElementById('menu');
alert(a.style.color);
</script>
</html
Ce que je récupère est juste une boîte vide.Impossible de récupérer le style en utilisant js
Pour obtenir comme cela le vous avez le style calculé pour aller un peu plus d'un itinéraire différent,:
var a = document.getElementById('menu');
if(document.defaultView && document.defaultView.getComputedStyle) {
alert(document.defaultView.getComputedStyle(a, null).getPropertyValue("color"));
} else if(a.currentStyle) {
alert(a.currentStyle.color);
}
You can give it a try here, obtenir .style obtient les propriétés définies sur l'élément lui-même, et non celles héritées de la les règles correspondent. Ce qui précède utilise le getComputedStyle() si disponible et dans le cas de IE, retombe à .currentStyle.