Javascript 设置顶部和左侧CSS属性

由于某些原因，我无法使用以下JavaScript设置“top”和“left”CSS属性

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

使用Firebug，我可以看到

div

将

位置设置为
“绝对”
，但未设置
顶部
和
左侧
属性

这是针对Firefox 3.6的。
您的问题是
top
和
left
属性需要一个度量单位，而不仅仅是一个简单的数字：

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

您也可以像下面这样使用setProperty方法

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

div.style
生成一个对象（）。由于它是一个对象，您也可以使用以下选项：

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

例如，如果您需要访问“变量”属性，则这非常有用：

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

我们可以为div创建一个新的CSS类

 .div {
      position: absolute;
      left: 150px;
      width: 200px;
      height: 120px;
    }

请为您的代码添加一些解释，以便其他人可以从中学习