[SOLUCIONADO] Javascript y Html

[israelbermeo_r]

Código HTML:

 <script>
                for (var i = 0; i < 5; i++) {
            </script>
                    <input type="submit" value="botón i" /><br/>
            <script>
                }
            </script> 

Existe alguna manera de hacer funcionar la idea que tengo? con php y html si funciona, quiero hacerlo ahora con javascript...

La idea de esto es evitar lo siguiente:

Código HTML:

 <script>
                for (var i = 0; i < 5; i++) {
                    var html = '<input type="submit" value="botón '+i+'" /><br/>';
                    document.write(html);
                }
            </script> 

[Carlangueitor]

No, tiene que usar document.write o si quiere hacerlo más elegante manipular el DOM. Quizá hasta un motor de plantillas en Javascript.

Saludos

[zerokilled]

buenas...
se puede pero no de esa forma, al estilo php u otros lenguajes. una de las opciones es como la segunda forma que muestras, con document.write. otra forma sería mediante DOM. creas el elemento con document.createElement y luego lo agregas al documento con element.appendChild. en fin, si lo que buscas es el estilo de lenguajes de servidor, pues no. no se puede así.

[patilanz]

Prueba con esto:

Código Javascript:

for(var i=0;i<5;i++){
    var input=document.createElement('input');
    input.type='submit';
    input.value='boton'+i;
    document.body.appendChild(input);
}
 

No es exactamente lo que quieres pero sirve.

O puedes provar con innerHTML.

Código Javascript:

for(var i=0;i<5;i++){
    document.getElementById('contenedor').innerHTML+='<input type="text" value="boton'+i+'" />';
}
 

[israelbermeo_r]

Los objetivos de mi pregunta es solventar lo siguiente:
1. No crear código html como String ejm:

Código HTML:

var html = '<h1>Hola</h1>';

Esto simplemente para trabajar de forma limpia y fácil, porque si vamos a armar
una tabla compleja de esta forma, nos va a joder la paciencia. Por ejemplo omitir
un simple "/" o " ' " y encontrar donde nos falta esto dentro de un String
complejo es como encontrar una aguja en un pajar. Ojalá y me haya hecho
entender... gracias...

[zerokilled]

si bien es cierto que en ocasiones suele ser un enredo cuando se trabaja html en string, hasta cierto punto tiene ciertas ventajas comparadas con otras alternativas como la del DOM. en DOM tendrías que crear cada uno de los nodos —elementos y textos— e ir agregando al documento. en ocasiones, puede ser una tarea más pesada que trabajarlo con strings, especialmente si el html a crear no tiene un patrón repetitivo. en tu caso, podrías hacerlo con DOM, tal como el primer ejemplo que muestra @patilanz.

[Carlangueitor]

Definitivamente lo mejor que puedes hacer es por medio de DOM, aunque puede ser también algo engorroso.

Y si definitivamente es es algo muy complejo podrías usar un motor de plantilla como te he comentado: http://handlebarsjs.com/ (hay varios aquí: http://garann.github.io/template-chooser/ )

Y si es una RIA lo mejor sería usar un framework como AngularJS o Backbone.

Saludos

[israelbermeo_r]

Si, definitivamente un motor de de plantillas es lo mejor en este caso, gracias por sus aportes.

[patilanz]

Que quereis decir con un motor de plantillas?

[Carlangueitor]

@patilanz ve los links que he puesto.

Saludos

[patilanz]

Iniciado por Carlangueitor

@patilanz ve los links que he puesto.

Saludos

Es verda perdon .

Los vi y de verda estan muy bien, tambien creo que seria la mejor alternativa pero para algo mas grande.

Saludos