javascript - 页面加载后如何从javascript生成页面顶部的div？

我正在尝试从小书签在屏幕的角落生成div元素。

我试过了

var newdiv = document.createElement('div');
newdiv.id="blabal";
newdiv.style.background = "#00C";
newdiv.style.border = "4px solid #000";
newdiv.style.width=300;
newdiv.style.heigth=200;
newdiv.style.position="fixed";
newdiv.style.top="20";
document.body.appendChild(newdiv);

到现在为止。

谢谢。

最佳答案

您需要为px提供值，并且在heigth中输入错误：

var newdiv = document.createElement('div');
newdiv.id="blabal";
newdiv.style.background = "#00C";
newdiv.style.border = "4px solid #000";
newdiv.style.width="300px";
newdiv.style.height="200px";
newdiv.style.position="fixed";
newdiv.style.top="20px";
document.body.appendChild(newdiv);

例如：http://jsfiddle.net/niklasvh/gy9XJ/