属性操作-浮动cssFloat（兼容IE6、7、8）

html：

<input type="button" id="inp">
<div id="box"></div>

css：

<style>
    #box {
        width: 100px;
        height: 100px;
        background-color: pink;
        float: right;
    }
</style>

javascript:

<script>
    var oInp = document.getElementById('inp');
    var oDiv = document.getElementById('box');
    oInp.onclick = function(){
        //oInp.type = 'checkbox';//这个方法不兼容IE6\7\8，会报错
        // 要想兼容IE6\7\8,解决办法:点击后先隐藏，然后让checkbox显示出来
        //oDiv.style.float = 'left';//这种写法不支持，没有效果,应该用下面的方法
        //IE（styleFloat）、非IE(cssFloat)
        oDiv.style.cssFloat = 'left';
    }
</script>

注意：
js中，oDiv.style.float = 'left';这种写法不支持，没有效果。应该使用下面写法：

//IE（styleFloat）、非IE(cssFloat)
oDiv.style.cssFloat = 'left';