js怎么设置元素浮动？

Question

这样好像不行啊

oDiv2.style.float="left";

Answer 1

if(!+[1,])        //IE
{
    obj.style.styleFloat=***;
}
else              //非IE
{
    obj.style.cssFloat=***;
}

Answer 2

oDiv2.style.cssFloat = 'left'

Answer 3

if(!+[1,]) //IE
{

obj.style.styleFloat= 'left';

}
else //非IE
{

obj.style.cssFloat= 'left';

}
可以参考

这个回答是正确的。为什么不能用。因为在JS中,float是关键字。。。。

Answer 4

我觉得应该提问时详细描述这行JS代码不行的环境。
至少，我在Chrome 62版本中是可以的。
然后看了别的答案，我去翻阅了MDN float文档,找到下面一段话：

如果要在 JavaScript 中把float属性当作element.style对象的一个成员来操作，那么在Firefox 34 和更老的版本中，你必须拼写成cssFloat。另外还要注意到在 Internet Explorer 8 和更老的IE当中，要使用styleFloat属性。这是DOM驼峰命名和CSS所用的连字符分隔命名法对应关系中的一个特例（这是因为在 JavaScript 中"float"是一个保留字，因为同样的原因，"class"被改成了"className" 、"for"被改成了"htmlFor"）。

所以我认为如果是在低版本浏览器中，可以用别的答案给出的代码，但是在现代浏览器中，使用float是没有问题的。

Answer 5

document.querySelector("#id").style.float = "right"

这样设置没有问题啊

Answer 6

你这问题让人怎么回答

//html
<div id="box"></div>

//javascript
var oDiv2 = document.getElementById("box")
oDiv2.style.float = "left";