problema javascript mozilla

[7777]

Ciao a tutti,
ho un problema con javascript e mozilla.
La mia pagina è dotata di una form la cui struttura si modifica mediante funzioni javascript (sfruttando la proprietà innerHtml). Cercando di essere più chiari c'è un pulsante che quando viene premuto genera dei nuovi input textarea. Il problema è che se l'utente ha già riempito dei campi e clicca sul pulsante i valori precedentemente inseriti vengono eliminati. Questo accade solo su mozilla mentre su IE funziona correttamente. Qualcuno sa aiutarmi???

[andr3a]

qualcosa += qualocsaltro

significa


qualcosa = (qualcosa + qualcosaltro)

il che significa che qualcosa viene risettato, a prescindere che parte del nuovo valore fosse già presente o meno.

In pratica è un bug di IE non eliminare quanto scritto prima all'utilizzo di

elemento.innerHTML += "altro testo";

poichè FireFox, Mozilla, Opera, Safari e tutti i browsers degni di tale nome, si comportano come previsto, ricreano il tutto con rigorosa logica e non "con fantasia"


Soluzione ? Gli standards del DOM e non il NON standard innerHTML

function aggiungiInput(elemento){
var input = document.createElement("input");
input.type = "text";
input.name = "nomechevuoi";
input.value = "value se necessaria";
elemento.appendChild(input);
}

<div>
<input type="button" onclick="aggiungiInput(this.parentNode)" />
</div>

[7777]

perfetto grazie dell'aiuto.
ciao Alessio