appendChild ricorsivo?

[Tobler]

Dopo aver letto le guide (da voi consigliate) sul DOM, mi chiedo se possa esistere un metodo per appendere più Child ad un elemento padre, magari attraverso un ciclo.

Ho notato infatti che se appendo un Child la prima volta va tutto bene, ma se lo eseguo N volte questo viene continuamente sovrascritto, come credo sia giusto che sia.

Insomma, vorrei creare tanti nodi "fratelli" sotto lo stesso padre ma non riesco...

[isAlreadyInUse]

Hai il padre è i fratelli...adesso ti serve la madre

[Tobler]

eheheh scherzi... non sto dormendo per questa cosa

[isAlreadyInUse]

eheheh scherzi... non sto dormendo per questa cosa

Ricorda che si diventa ciechi...

Posta un po di codice che stai provando....

[Tobler]

Il mio codice è di una banalità disarmante:

function creaInput() {
	//creo l'elemento <input>
	input = document.createElement("input"); 

	//attacco dentro l'elemento "form foto" il child creato prima
	document.getElementById("form foto").appendChild(input);
}

Così questa funzione mi crea un <input> in un ipotetico <form>

Nella mia ignoranza vorrei arrivare a questo:

function creaInput() {
	//creo l'elemento <input>
	input = document.createElement("input"); 
        for (i = 0;i < 20;i ++)
	       //attacco dentro l'elemento "form foto" il child creato prima
	       document.getElementById("form foto").appendChild(input);
}

Mi aspetto 20 <input>, ma in realtà rimane solo uno, perchè sovrascritto...
Ma poi c'è un metodo per vedere il codice prodotto da un javascript?

[isAlreadyInUse]

Prova

function creaInput() {
	//creo l'elemento <input>
	
        for (i = 0;i < 20;i ++){
	       //attacco dentro l'elemento "form foto" il child creato prima
                input = document.createElement("input"); 
	       document.getElementById("form foto").appendChild(input);
       }
}

[Tobler]

funziona!

Quindi ogni volta l'elemento deve essere creato prima di essere appeso.

Grazie mille, sei stato gentilissimo

[Mega69]

Un modo più conveniente ( in termini di prestazioni ) per farlo è questo:

function creaInput() {
    var form = document.getElementById("form foto"),
          parent = form.parentNode,
          input = document.createElement("input");
    parent.removeChild(form);
    for (i = 0; i < 20; i++) 
       form.appendChild(input.cloneNode());
    parent.appendChild(form);
}