Kapsayıcısını kopyalarken en son güncellenen form öğesini Firefox'ta "sopa" haline nasıl getirebilirim?

Question

Ben javascript gibi bir klavyeyle "klonla" bazı giriş kutuları içeren bir dl var:

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

IE'de, sourceBox'taki form kullanıcı tarafından sağlanan değerlerle birlikte newBox'ta çoğaltılır. Firefox'ta, orjinal sourceBox'a girilen son değer newBox'ta mevcut değil. Bunu nasıl yaparım "sopa?"

Answer 1

Firefox vs. IE: innerHTML handling daha hızlı olmalıdır?

Answer 2

cloneNode yöntemini deneyebilirsiniz. İçeriği kopyalamak daha iyi bir iş çıkartabilir. Ayrıca çoğu durumda

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

Teşekkürler millet.

Ben prototype kullanarak ve değiştirerek çalışmaya şeyler var document.getElementById (oldkey) için $ (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);