Etiquetas dinamicas

[kafok]

Miren, en este enlace explican como crear una etiqueta html mediante js: http://www.forosdelweb.com/wiki/Javascript:_DOM:_Insertar_nuevos_elementos

He definido una funcion y le he añadio color de fondo, posicion x e y, tamaño. Este es el codigo en el head:

Código HTML:

<script>
function crear() {
	var div = document.createElement("div");
	div.style.background = 0xff0000;
	div.style.width = 100;
	div.style.height = 100;
	div.style.left = 25;
	div.style.top = 25;
	
	document.body.appendChild(div);
}


	
</script> 

Ahora en el body coloco el siguiente codigo para que realiza la funcion:

Código HTML:

<script language="javascript">
crear();
</script> 

Crea el div y lo muestra, pero sin estilo, es decir lo que deberia ser un cuadro de 100x100 rojo es solo un div sin formato.
¿Por que sucede esto?

Ahora mi segundo problema es que creo un boton en un formulario que con el evento onclick ejecute la funcion crear, esto sucede pero solo en el momento de pulsarlo es cuando aparece el div despues desaparece, el codigo del input seria:

Código HTML:

<input type="submit" name="button" id="button" value="Crear"  onclick="crear()"/> 

[caricatos]

Hola:

Los estilos son siempre texto, o sea que no estás haciendo asignaciones correctas; y lo más importante es que no especificas las medidas...

Código:

div.style.background = "red";
div.style.width = "100px";

Saludos

[kafok]

Si ya lo encontre por otro sitio pero el codigo me quedo asi y funciona:

Código HTML:

div.style.backgraundColor = "#ff0000";
div.style.width = 100 + "px";
.
.
.

Gracias de todas formas

[zerokilled]

es exactamente lo mismo a la sugerencia de @caricatos, lo único que estas haciendo una operación adicional e innecesaria.