JS设置css的float效果

JS设置css的float效果

<div class="aDiv">Let me float</div>

将它浮动起来:

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

这样做了是不是没效果，对的。js设置float效果时的代码为

object.style.cssFloat="left";

O，原来是这样。然后就浏览器的问题，有了一些分歧。

object.style.cssFloat="right";  //火狐(FF)
object.style.styleFloat="right";        //ie

偶然间看到的一个课程中是这样写的，嘿嘿，就拿来主义了。

oDiv.style["cssFloat" in oDiv.style ?                                   
           "cssFloat" : "styleFloat"]="right";

遇到合适场合就用一下呗，嘿嘿。