页面加载后如何从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可以是 em、像素、点、百分比（分别为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);