Acabei de ver um bom artigo sobre como usar js para chamar propriedades css (^_^) Não é ruim! Para não esquecer, faça um resumo
1. Para atributos CSS sem travessão, geralmente use o nome do atributo de estilo diretamente.
Tais como: obj.style.margin, obj.style.width, obj.style.left, obj.style.position, etc.
2. Para atributos CSS que contêm sublinhados, remova cada sublinhado e altere o primeiro caractere após cada sublinhado para letras maiúsculas.
Tais como: obj.style.marginTop, obj.style.borderLeftWidth, obj.style.zIndex, obj.style.fontFamily, etc.
Como float é uma palavra reservada de Javascript, como escrever float na folha de estilos em js?
Não podemos usar obj.style.float diretamente, pois esta operação é inválida.
A maneira correta de usá-lo é: IE: obj.style.styleFloat, outros navegadores como Mozilla (gecko), ff, etc. use styleFloat: obj.style.cssFloat.
Deixe-me dar um exemplo para facilitar a compreensão de todos:
Copie o código do código da seguinte forma:
<divonclick="alert(this.style.float);
this.style.float='esquerda';
alert(this.style.float);">Teste 1</div>
<divonclick="alert(this.style.float);
if(this.style.cssFloat){this.style.cssFloat='esquerda';
}else{this.style.styleFloat='esquerda';
}alert(this.style.float);">Teste 2</div>