CSS float属性
2015-09-09 13:20
603 查看
今天写了一段javascript脚本,要用到float属性,发现float这种写法对IE和FF都不起作用,后来改为styleFloat发现对IE起作用了,但是在FF下却没反应,后来在改为cssFloat,FF下没问题了,IE却又不行了,得出一个结论:
伦理片 http://www.dotdy.com/
ie下:style.styleFloat
ff下:style.cssFloat
一般也可以写上style.float
下面给出一种兼容的写法:
<script language="javascript">
function changelayout()
{
document.getElementById('colleft').style.float=document.getElementById('colleft').style.float=='right'?'left':'right';
document.getElementById('colleft').style.styleFloat=document.getElementById('colleft').style.styleFloat=='right'?'left':'right'; //兼容IE
document.getElementById('colleft').style.cssFloat=document.getElementById('colleft').style.cssFloat=='right'?'left':'right'; //兼容FF
}
</script>
伦理片 http://www.dotdy.com/
ie下:style.styleFloat
ff下:style.cssFloat
一般也可以写上style.float
下面给出一种兼容的写法:
<script language="javascript">
function changelayout()
{
document.getElementById('colleft').style.float=document.getElementById('colleft').style.float=='right'?'left':'right';
document.getElementById('colleft').style.styleFloat=document.getElementById('colleft').style.styleFloat=='right'?'left':'right'; //兼容IE
document.getElementById('colleft').style.cssFloat=document.getElementById('colleft').style.cssFloat=='right'?'left':'right'; //兼容FF
}
</script>
相关文章推荐
- css 实现table 隔行变色
- 如何将样式表加入您的网页
- 一个简单的poster样式
- css clear的理解
- textarea设置css
- css实现文字环绕
- 数据库中的文本如果有标签应该在往网页上显示前先把标签和样式都过滤掉
- 修改sharepoint列表样式
- table中td与td显示细线
- CSS3动画制作的简单示例
- css 鼠标提示样式预览表[转]
- CSS3中box-shadow的用法介绍
- 举例详解CSS中的的优先级
- 举例详解CSS中的继承
- CSS选择器的浏览器支持
- CSS温故第三天【样式】-链接 表格
- W3ShcoolHTML/CSS学习笔记精华版
- HTML中嵌入CSS样式
- gulp-less插件之less文件编译成css
- css3的transform2D用法