crear 10 div dinamicamente

[charlescuella]

hola amigos.
como puedo crear mediante un boton de agregar 10 div q aparecen dinamicamente. q al pulsa este boton vallan apareciendo y solo llegue a hasta 10 como maximo.

gracias por la atencion

[zerokilled]

con DOM puedes crear los elementos y agregarlos al documento. las funciones que necesitas son: createElement, appendChild. y en cuanto a la estructura del codigo, puedes usar un bucle for para repetir la operacion la cantidad de veces necesarias.

[charlescuella]

oye amigo me puedes hacer un ejemplo con codigo le estaria agradecido

[zerokilled]

claro, un pseudocodigo

Código:

<element event="invoke addElement" />
<script>
FUNCTION addElement()
FOR init = 0 from 0 to 10 by ONE_STEP DO
VARIABLE element = CREATE_ELEMENT(STRING_ELEMENT);
APPEND_ELEMENT_TO_DOCUMENT(VARIABLE element);
END_FOR
END_FUNCTION
</script>

[charlescuella]

gracias amigo!!!
pero como lo hago funcionar???

[zerokilled]

si leistes el enlace, lo entenderas mejor. tienes que traducir ese "falso codigo" a javascript con la ayuda de las referencia que te pase en el primer post.

[zerokilled]

un ejemplo de como crearlos y agregarlos al documento.

Código:

<script>
for(var i = 0; i < 10; i++){
var div = document.body.appendChild(document.createElement('div'));
// la siguiente linea es para demostrar que los div estan agregados;
div.innerHTML = i;
}
</script>

en este ejemplo los elementos se agregan al BODY del documento. tienes que adaptarlo a tu necesidad.

[charlescuella]

gracias amigos por la ayuda