属性操作-浮动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';