代码之家 › 专栏 › 技术社区 › Mala

从Javascript设置浮点值

css-float css html javascript

Mala · 技术社区 · 14 年前

我在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)中高亮显示为亮红色

2 回复 | 直到 12 年前

Daniel Vassallo 14 年前

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

closebutton.style.cssFloat = 'right';

styleFloat

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

请注意 float class ,例如,这是另一个保留字。这就是为什么CSS属性的名称与JavaScript保留字冲突的原因( Source ).

Mozilla Dev Center: float CSS Proeprty

Ryan Kinal 14 年前

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

W3C Style Object Reference

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前