javascript改变样式（cssFloat,styleFloat）

昨天遇到一用js改变元素浮动的，当时直接写了 obj.style.float="left";结果没起作用；查了资料后才发现不能这样写，现在整理下几种样式写法

1，直接写css属性的，如：obj.style.height/width/color/position等

2，要改大写的，如：obj.style.fontSize/marginLeft/backgroundColor等

3，float，此属性在IE中用obj.style.styleFloat="left";

　　　　　　　　在ff等其他浏览器中用obj.style.cssFloat="left";

第三中兼容性写法：obj.style['cssFloat' in obj.style?'cssFloat':'styleFloat']='left'；具体例子如下

 <style type="text/css">
     #content{
         width: 1000px;
         margin: 0 auto;
         background: #66c;
         overflow: hidden;
     }
     #left{
         width: 200px;
         height: 50px;
         background: #c66;
         color: #fff;
     }
 </style>

  　　<div id="content">
         <div id="left">left</div>
         <div id="main">main</div>
     </div>

     <script type="text/javascript">
     　　var oLeft=document.getElementById('left');
     　　oLeft.style['cssFloat' in oLeft.style?'cssFloat':'styleFloat']='left';
     </script>

这样就通过js改变了id为left的float属性