Accéder aux propriétés css en javascript

Bonjour tout le monde, j'aimerais pouvoir placer une div dynamiquement en modifiant éventuellement sa taille, il me faut donc accéder aux propriétés css de cette dernière.

Lorsque je définis le style directement au niveau de la balise (voir ci-dessous) tout fonctionne :

Code:

---

1 2 3 4 5 6

<div class="drsElement" style="left: 20px; top: 300px; width: 150px; height: 200px; background: #FDC; text-align: center"> <div class="drsMoveHandle">Div 1</div> Content </div>

---

Je peux récupérer les données en javascript comme ceci :

Code:

---

1 2 3

elmX = parseInt(element.style.left); elmY = parseInt(element.style.top);

---

J'aimerais définir le style dans une feuille de style. Comment récupérer les propriétés css dans ce cas?

Un sujet récent similaire te donnera toutes les réponses à tes questions, autrement n'hésites pas à revenir. ;)

Bonjour,


En tenant compte des disparités explorer/firefox, je passerais par le DOM pour faire cela :
(petit code sommaire , juste pour donner une piste...je ne teste pas l'existence du node sur lequel j'agis ici...;)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function changeattrib(){ mynode=document.getElementById('drs1'); var Style = 'width: 100px'; if (document.all) { //version explorer mynode.setAttribute('cssText', Style); } else { //version firefox mynode.setAttribute('style', Style); }   }

---

avec le fichier css suivant :

Code:

---

1 2 3 4 5 6 7 8 9

.drsElement{ left: 20px; top: 300px; width:150px; height: 200px; background: #FDC; text-align: center; }

---

Bonne journée !:)

effectivement Willpower, ça correspond exactement à mon problème, j'avais pas trouvé le lien. Je vais regarder ça. Merci beaucoup