從Javascript設置浮點值

Question

我無法在JS中設置一些東西。 我的代碼如下：

var closebutton = document.createElement('div');
closebutton.style.styleFloat = "right";
alert(closebutton.style.styleFloat);
closebutton.style.background = "#f00";
closebutton.innerHTML = '<a href="">&#10006;</a>';
titlebar.appendChild(closebutton);

元素的背景確實是紅色，加載時頁面警告“正確”。 然而，div並沒有正確地浮動。 Firebug沒有顯示浮動的痕跡。 錯誤控制台中沒有錯誤或警告。

我很難過！

更新：
正如所建議的那樣，我也嘗試過：

closebutton.style.float = 'right';

這也不起作用，在我的文本編輯器（gedit）中突出顯示為鮮紅色

Answer 1

在JavaScript中設置float樣式的標准方法是使用cssFloat屬性：

closebutton.style.cssFloat = 'right';

這適用於所有瀏覽器，但不適用於IE，后者需要使用styleFloat屬性。 因此，您可以檢測瀏覽器，並應用適當的屬性，或者將它們設置為：

closebutton.style.styleFloat = 'right';
closebutton.style.cssFloat = 'right';

請注意， float是JavaScript中的保留字，不能用於點表示法。 這同樣適用於class ，例如，這是另一個保留字。 這就是為什么CSS屬性的名稱與JavaScript保留字（ Source ）不同的原因。

進一步閱讀：

• Mozilla開發中心：浮動CSS Proeprty

Answer 2

而不是closebutton.style.float ，請使用closebutton.style.cssFloat

參考： W3C樣式對象參考