Modifier la taille d'un mot

Bonjour à tous !

Voila, je voudrais à partir d'un menu déroulant, modifier la taille d'un mot.
Pour moi celà me paraissait évident, et j'ai donc écris ceci :

Code:

---

1 2 3 4 5 6

<select name="selectpx" id="selectpx" onchange="javascript:document.getElementById('bloc3').style.font-size=this.value;"> <option value="">-----------</option> <option value="9px">9</option> <option value="15px">15</option> <option value="30px">30</option> </select>

---

Le texte de la balise DIV nommée bloc3 aurait dû voir sa taille changer.
Mais rien ne se passe....
Je me creuse la tête depuis 2 jours, je pense que j'en suis arrivé à avoir des oeillères car je suis complètement bloqué !
Merci de votre aide !

les propriétés de style css avec trait d'union se transforment pour la plus grande majorité selon la règle suivante :

on supprime le trait d'union et le mot suivant prend une majuscule
font-size => fontSize

seules quelques exception selon le navigateur
float => cssFloat
...

:ccool:

C'etait vraiment tout bête !!!

Vraiment un TRES GRAND MERCI !

bonjour,
-> style.fontSize

Code:

---

1 2 3 4 5 6 7

<select name="selectpx" id="selectpx" onchange="javascript:document.getElementById('bloc3').style.fontSize=this.value;"> <option value="">-----------</option> <option value="9px">9</option> <option value="15px">15</option> <option value="30px">30</option> </select> <div id="bloc3">Asd dfsdfftu etytyhjd jf dfgdfg dfgdfgdfgd ggfyjugyjuy.</div>

---

[Edit] Dans la FAQ -> correspondance d'un attribut CSS en JavaScript