class, float, background-color : comment les définir via du JS
Lorsque l'on fait du JavaScript et que l'on manipule le DOM on est sans arrêt en train de modifier la valeur de certaines propriétés de l'élément.
Par exemple pour modifier la taille d'un élément on fait :
var elmt = $get('elmt');
elmt.style.width = '200px';
La propriété style d'un élément DOM nous permet de modifier toutes les propriétés CSS. Mais comment faire pour définir la propriété CSS background-color ? Il est évident que elmt.style.background-color = '200px'; ne fonctionnera pas à cause du tiret. Il faut alors passer par la propriété elmt.style.backgroundColor. La règle est simple, pour toutes les propriétés CSS qui comportent un tirer, on le supprime et on met la lettre qui suit le tiret en majuscule.
Il existe aussi certaines propriétés dont le nom est un mot réservé du langage JavaScript. Il faudra passer par className plutot que class lorsque vous essayez de modifier la classe CSS d'un élément, float est aussi un mot clé de JS, si vous voulez le modifier dynamiquement il vous faudra utiliser la propriété styleFloat pour IE et cssFloat pour les autres.
var elmt = $get('elmt');
elmt.style.width = '200px';
elmt.style.backgroundColor = '#FF00FF';
elmt.className = 'toto';
elmt.style.cssFloat = 'right';
elmt.style.styleFloat = 'right';
Enfin, un petit conseil, généralement on définit plusieurs propriétés de style en même temps, n'hésitez alors surtout pas à utiliser le mot clé with, qui permet de ne pas répéter le "elmt.style" (comme en VB) en plus on obtient un petit gain de performance.
var elmt = $get('elmt');
elmt.className = 'toto';
with(elmt.style)
width = '200px';
backgroundColor = '#FF00FF';
cssFloat = 'right';
styleFloat = 'right';
}
Voici la liste des propriétés de style DOM du W3C et de la MSDN car malheureusement il y a des différences ... pour l'instant pour je n'ai rencontré que le cas de cssFloat styleFloat.