从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,而IE则需要使用该styleFloat属性.因此,您可以检测浏览器,并应用适当的属性,或者将它们设置为:

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

请注意,这float是JavaScript中的保留字,不能用于点表示法.class例如,这同样适用于另一个保留字.这就是为什么CSS属性的名称与JavaScript保留字(Source)不同的原因.

进一步阅读:

• Mozilla开发中心:浮动CSS Proeprty