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属性