Как сгенерировать div в верхней части страницы из JavaScript после загрузки страницы?

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