Acabo de ver un buen artículo sobre el uso de js para llamar a propiedades css (^_^) ¡No está mal! Para no olvidarlo, resúmelo
1. Para atributos CSS sin guión, generalmente use el nombre del atributo de estilo directamente.
Tales como: obj.style.margin, obj.style.width, obj.style.left, obj.style.position, etc.
2. Para los atributos CSS que contienen guiones bajos, elimine cada guión bajo y cambie el primer carácter después de cada guión bajo a mayúscula.
Tales como: obj.style.marginTop, obj.style.borderLeftWidth, obj.style.zIndex, obj.style.fontFamily, etc.
Debido a que float es una palabra reservada de Javascript, ¿cómo escribir float en la hoja de estilo en js?
No podemos usar obj.style.float directamente porque esta operación no es válida.
La forma correcta de usarlo es: IE: obj.style.styleFloat, otros navegadores como Mozilla (gecko), ff, etc. usan styleFloat: obj.style.cssFloat.
Déjame darte un ejemplo para que sea más fácil de entender para todos:
Copie el código de código de la siguiente manera:
<divonclick="alerta(this.style.float);
this.style.float='izquierda';
alert(this.style.float);">Prueba 1</div>
<divonclick="alerta(this.style.float);
if(this.style.cssFloat){this.style.cssFloat='izquierda';
}else{this.style.styleFloat='izquierda';
}alert(this.style.float);">Prueba 2</div>