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

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

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

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

oDiv.style.float = 'left';

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