昨天遇到一用js改變元素浮動的，當時直接寫了 obj.style.float="left";結(jié)果沒起作用；查了資料后才發(fā)現(xiàn)不能這樣寫，現(xiàn)在整理下幾種樣式寫法

1，直接寫css屬性的，如：obj.style.height/width/color/position等

2，要改大寫的，如：obj.style.fontSize/marginLeft/backgroundColor等

3，float，此屬性在IE中用obj.style.styleFloat="left";

　　　　　　　　在ff等其他瀏覽器中用obj.style.cssFloat="left";

第三中兼容性寫法：obj.style['cssFloat' in obj.style?'cssFloat':'styleFloat']='left'；具體例子如下

1 <style type="text/css"> 2 #content{ 3 width: 1000px; 4 margin: 0 auto; 5 background: #66c; 6 overflow: hidden; 7 } 8 #left{ 9 width: 200px; 10 height: 50px; 11 background: #c66; 12 color: #fff; 13 } 14 </style> 1 　　<div id="content"> 2 <div id="left">left</div> 3 <div id="main">main</div> 4 </div> 1 <script type="text/javascript"> 2 　　var oLeft=document.getElementById('left'); 3 　　oLeft.style['cssFloat' in oLeft.style?'cssFloat':'styleFloat']='left'; 4 </script>

這樣就通過js改變了id為left的float屬性

?

轉(zhuǎn)載于:https://www.cnblogs.com/MissBean/p/jsFloat.html

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的javascript改变样式（cssFloat,styleFloat）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。