Come posso ottenere il più recente aggiornamento elemento del modulo di “bastone” in Firefox quando copio il suo contenitore?

Question

Ho una lista di distribuzione contenente alcune caselle di testo che ho "clone" con un po ' di JavaScript come:

var newBox = document.createElement('dl'); 
var sourceBox = document.getElementById(oldkey); 
newBox.innerHTML = sourceBox.innerHTML; 
newBox.id = newkey;          
document.getElementById('boxes').appendChild(columnBox);   

In IE, la forma in sourceBox è duplicato in newBox, completo di utente-valori forniti.In Firefox, ultimo valore immesso in originale sourceBox non è presente in newBox.Come faccio a fare questo "bastone?"

Answer 1

Firefox vsVale a dire:innerHTML gestione ?

Answer 2

Si potrebbe provare il cloneNode metodo.Si potrebbe fare un lavoro migliore di copiare il contenuto.Dovrebbe anche essere più veloce nella maggior parte dei casi

var newBox;
var sourceBox = document.getElementById(oldkey);
if (sourceBox.cloneNode) 
    newBox = sourceBox.cloneNode(true);
else {
    newBox = document.createElement(sourceBox.tagName); 
    newBox.innerHTML = sourceBox.innerHTML; 
}
newBox.id = newkey;              
document.getElementById('boxes').appendChild(newBox);

Answer 3

Grazie ragazzi.

Ho preso le cose al lavoro utilizzando prototipo e la modifica documento.getElementById(oldkey) per $(oldkey)

<script src="j/prototype.js" type="text/javascript"></script>  

var newBox;  
var sourceBox = $(oldkey);  
if (sourceBox.cloneNode)  
     newBox = sourceBox.cloneNode(true);  
else {  
    newBox = document.createElement(sourceBox.tagName);  
    newBox.innerHTML = sourceBox.innerHTML;  
}  
newBox.id = newkey;  
document.getElementById('boxes').appendChild(newBox);