javascript - コンテナーをコピーするときに、最近更新されたフォーム項目を Firefox に「貼り付ける」にはどうすればよいですか?

Question

次のような JavaScript を少し使って「複製」したいくつかの入力ボックスを含む dl があります。

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

IE では、sourceBox のフォームが newBox に複製され、ユーザーが指定した値が追加されます。Firefox では、元の sourceBox に入力された最後の値が newBox に存在しません。この「棒」はどうやって作るの？

Answer 1

メソッドを試すことができcloneNodeます。内容をコピーする方がうまくいくかもしれません。また、ほとんどの場合、より高速になるはずです

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 2

ありがとうございます。

プロトタイプを使用してに変更document.getElementById(oldkey) することで、動作するようになりました$(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);

Answer 3

Firefox 対 IE: innerHTML の処理?