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()"/>