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