Obtenir valeur d'un style css en javascript

rottman · 19 Avril 2006

Yop,

je cherche à obtenir la valeur d'un style css en javascript

<style type="text/css">

</style>

<script type="text/javascript">

</script>

Mais ça ne marche pas :?

Merci de votre aide 8)

Szarah · 19 Avril 2006

Et si tu commençais par tracer un élément de classe #box ?
Il n'y a rien du tout à récupérer, là, pas d'objet à sonder.
Et oublie le .all, essaie
document.getElementByID("id-de-objet").style. etc

rottman · 19 Avril 2006

Merci de ton aide Szarah,

Mais j'y arrive toujours pas :?

voici mon code entier :

Code:

#box {
border: #666666 1px solid;
background-color: #EEEEEE;
height: 50px;
width: 50px;
}

-->
</style>

<script type="text/javascript">
<!--
function box_click() {
	document.all.box.style.backgroundColor = '#FFFFFF';
}
-->
</script>

</head>

<body>
<div id="page">
	<div name="box" id="box" onclick="box_click()"></div>
	<script type="text/javascript">
<!--
var color = document.getElementByID("box").style.backgroundColor.value;
document.write('Couleur : '+color);
-->
</script>

reglysse · 19 Avril 2006

Il faut bien respecter les minuscules/majuscules en javascript.

getElementByID -> getElementById

Et à la fin ton document.write n'est pas associé à un événement donc il ne s'affiche pas. J'ai rajouté un alert() dans ta fonction box_click().

Ce code fonctionne chez moi :

Code:

<html>
<head>
<style>
#box {
border: #666666 1px solid;
background-color: #EEEEEE;
height: 50px;
width: 50px;
}

</style>

<script type="text/javascript">
<!--
function box_click() {
   document.getElementById("box").style.backgroundColor  = '#FFFFFF';
   var color = document.getElementById("box").style.backgroundColor ;
   alert('Couleur : '+color);
}
-->
</script>

</head>

<body>
<div id="page">
   <div name="box" id="box" onclick="box_click()"></div>
<script type="text/javascript">
<!--
var color = document.getElementById("box").style.backgroundColor.value;
document.write('Couleur : '+color);
-->
</script>
</body>
</html>

Szarah · 19 Avril 2006

Bien joué, reglysse, et merci