设置Javascript中的浮动值[英] setting the float value from Javascript

本文是小编为大家收集整理的关于设置Javascript中的浮动值的处理方法,想解了设置Javascript中的浮动值的问题怎么解决?设置Javascript中的浮动值问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

我很难将某些内容浮在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并非正确地漂浮.燃烧没有显示浮子的痕迹.错误控制台中没有错误或警告.

我很难过!

更新:
如建议,我还尝试了:

closebutton.style.float = 'right';

这也不起作用,在我的文本编辑器(gedit)

中突出显示了鲜红色

推荐答案

在JavaScript中设置浮点样式的标准方法是使用cssFloat属性:

closebutton.style.cssFloat = 'right';

在所有浏览器中都起作用,但在IE中不行,它期望styleFloat属性.因此,您可以检测浏览器,并应用适当的属性,也可以将它们设置为两者:

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

请注意,float是JavaScript中的一个保留单词,不能在点表示法中使用.例如,class也是另一个保留词.这就是为什么CSS属性的名称与JavaScript保留的单词相冲突( source ).

进一步阅读:

其他推荐答案

而不是closebutton.style.float,使用closebutton.style.cssFloat

参考: w3c样式对象对象

本文地址:https://www.itbaoku.cn/post/583436.html