頁面加載后如何從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);