设置顶部和左侧CSS属性

Question

出于某种原因，我无法使用以下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"; 

这是有用的，例如，如果你需要访问一个“变量”属性：

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