设置顶部和左侧的CSS属性

出于某种原因，我无法使用以下JavaScript设置“顶部”和“左侧”的CSS属性。

var div = document.createElement('div'); div.style.position = 'absolute'; div.style.top = 200; div.style.left = 200; document.body.appendChild(div); 

使用Firebug我可以看到div获取的position设置为"absolute"但top和left属性没有设置！

这是为Firefox 3.6。

Answer 1

 div.style.top = "200px"; div.style.left = "200px"; 

？

Answer 2

你也可以使用下面的setProperty方法

 document.getElementById('divName').style.setProperty("top", "100px"); 

Answer 3

div.style产生一个对象（ CSSStyleDeclaration ）。 既然它是一个对象，你也可以使用下面的方法：

 div.style["top"] = "200px"; div.style["left"] = "200px"; 

例如，如果您需要访问“variables”属性，这很有用：

 div.style[prop] = "200px";