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

Question

我正在尝试从书签中生成屏幕一角的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);

现在有用。

感谢。

Answer 1

您需要向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/

Answer 2

这大部分都是准确的，但您在height中输入错误，并且您需要为width，height和top提供单位。我假设像素，但翻译不会那么好; 200可以分别为ems，像素，点数，百分数（200em，200px，200pt和200%）：

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);