如何动态设置css的float(cssFloat/styleFloat)

最新推荐文章于 2026-02-24 01:09:55 发布

原创最新推荐文章于 2026-02-24 01:09:55 发布 · 2.6k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript

当前文章被收录于：

javascript

24 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用JavaScript为页面元素设置浮动的方法，并针对不同浏览器提供了解决方案，包括IE和其他现代浏览器如火狐。

<div class="box">sdfsdf</div>

<script type="text/javascript">
	//<![CDATA[
	window.onload = function()
	{
		var oDiv = document.getElementsByTagName('div')[0];
		oDiv.style.float = 'right';
	}
	//]]>
</script>

以上写法是不可以的，必须这样写

<div class="box">sdfsdf</div>

<script type="text/javascript">
    //<![CDATA[
    window.onload = function()
    {
        var oDiv = document.getElementsByTagName('div')[0];
        oDiv.style.styleFloat = 'right'; //ie
        oDiv.style.cssFloat = 'right'; //火狐
    }
    //]]>
</script>