Javascript HTMLCollectionオブジェクトがfirefox10で正常に動作しない

Question

HTMLコレクションオブジェクトを配列として使用し、要素を追加しました。終了時に以下のコード、

var claimantEmailValues = document.getElementsByName("claimantEmails"); 
var defendantEmailValues = document.getElementsByName("defendantEmails"); 


var k = defendantEmailValues.length; 
for(var i=0; i<claimantEmailValues.length;i++){ 
     defendantEmailValues[k++] = claimantEmailValues[i]; 
} 

IはclaimantEmailsとdefendantEmailsための2つのHTML入力要素それぞれを有するように、defendantEmailValuesの長さが4であるべきです。代わりに、長さは2であり、エラーはありませんでした。 firefox 10以外のfirefoxのすべてのバージョンでうまく動作しています。

Answer 1

JavaScript配列は、現在の長さ以上の数値プロパティを設定すると増加するのmagic長さプロパティを持つオブジェクトです。 HTMLCollectionオブジェクトの長さプロパティはありますが、のマジックではありません。数値プロパティを設定するときには増やすべきではありません。要素を追加するときは、プロパティ名として数字を使用して、名前付きプロパティをオブジェクトに追加するだけです。

あなたはArray.prototype.sliceを使用して最初のアレイにコレクションを変換する方がいいでしょう：

var slice = Array.prototype.slice, 
    claimantEmailValues = slice.call(document.getElementsByName("claimantEmails")), 
    defendantEmailValues = slice.call(document.getElementsByName("defendantEmails")); 

var k = defendantEmailValues.length; 
for(var i=0; i<claimantEmailValues.length;i++){ 
     defendantEmailValues[k++] = claimantEmailValues[i]; 
} 

それは可能性があります以前のFirefoxのバージョンの動作が誤っアイテムがHTMLCollectionインスタンスに追加することが可能だったバグはちょうどだけだったことFirefox 10で修正されました。