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

最新推荐文章于 2022-08-04 10:20:25 发布

Jxchen

最新推荐文章于 2022-08-04 10:20:25 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： float css function div class

本文链接：https://blog.youkuaiyun.com/jacky_Jxchen/article/details/7429440

javascript 专栏收录该内容

24 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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