CSS float属性

最新推荐文章于 2025-07-30 10:39:24 发布

最新推荐文章于 2025-07-30 10:39:24 发布 · 63 阅读

文章标签：

#javascript #ViewUI

本文介绍了一段JavaScript脚本中关于浮动属性在不同浏览器中的兼容性问题。通过使用styleFloat和cssFloat属性，解决了IE和Firefox浏览器对float属性的支持差异。

今天写了一段javascript脚本，要用到float属性，发现float这种写法对IE和FF都不起作用，后来改为styleFloat发现对IE起作用了，但是在FF下却没反应，后来在改为cssFloat，FF下没问题了，IE却又不行了，得出一个结论：

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>