Generar divs dependiendo del tamaño de un arreglo

[AndreaL]

Hola! me gustaría que me ayudaran por favor, quisiera saber como generar divs en mi html dependiendo del tamaño de un arreglo... Por ejemplo tengo

Código javascript

var rows = new Array();
rows[0] = "hola";
rows[1] = "mundo";
rows[2] = "hoy";


for (i=0;i<rows.length;i++){
document.getElementById('mostrar').innerHTML = rows[i];
}


Código html


<div id='mostrar'> </div>



Ahora me gustaría saber cómo hago para imprimir todo el arreglo imaginando que no sabemos el tamaño del arreglo sino que puede cambiar...

[Raziel_Ravenheart]

Aunque iniciaste bien, te hace falta un par de cosas:

1. En vez de igualar todo el atributo innerHTML, añádele los datos, y recuerda que también puedes concatenar más contenido, si por algún motivo lo necesitas así

Código Javascript:

var rows = new Array();
rows[0] = "hola";
rows[1] = "mundo";
rows[2] = "hoy";
 
 
for (x in rows){
    document.getElementById('mostrar').innerHTML += rows[x]+"<br />";
}
 

Aunque cambia la sintaxis, con el "for ... in", no te molestas utilizando la propiedad length, y te evitas el resto de la sintaxis del "for" normal.

Por otro lado con el "for..in", no importa el tamaño del arreglo... lo recorre todo

al agregar datos con el "+=", no se reemplaza el contenido del div en cada ciclo, si no que añades otros elementos. Y por último concatenas el "<br />", para dar saltos de líneas.

Espero te sirva, y también que algun colaborador corrija y optimice algún detalle que haya olvidado...

[AndreaL]

Muchísimas gracias! la verdad que tu post me ayudó para solucionar mi problema, lo usé el día que lo publicaste.... muchas gracias!!! Dios te bendiga! feliz día!