insertRowとappendChildの比較

テーブルに行を追加するにはどちらの方法をお勧めしますか？insertRowとappendChildの比較

var tr = tbl.insertRow（-1）;

又は

VAR TR =のdocument.createElement（ 'TR'）; tbl.appendChild（tr）;

？

出典

2009-05-18 erikkallen

insertRowはもっと良いでしょう。グレードAのブラウザではsupportedであり、あまり冗長ではなく、よりクリーンなAPIです。

出典

2009-05-18 20:17:42 aleemb

また、行は常にテーブルの子ではなく、appendChildメソッドが複雑になります。 –

@rex：どういう意味ですか？ – erikkallen

は、

要素ではなく、の子要素になります。 – Rob

insertRow DOM [1]なので、より信頼できると主張できます。

appendChild方法がより多くの（DOMの外を操作するとき、すべてのテストのブラウザ（IE6/7、FF3、Chrome2、Opera9）間で（とはいえわずかに）一貫して高速ですが、ドキュメント内のテーブルを変更しようとしたとき一般的な努力）それはかなり遅いです。

つまり、間違いなくinsertRowを使用してください。

これらのテストはそれほど信頼性ではないかもしれないが、ここではソースを参照してくださいローカルで実行された：、http://pastie.org/482023

出典

2009-05-18 20:28:54 James

を使用すると、DOMメソッドを使用する場合、trはTBODY、THEAD、またはTFOOT要素に追加する必要がありますテーブル要素には適用されません。

出典

2009-05-18 22:19:52 kennebec

insertRowには良い議論がありますが、insertRowは新しい空の行だけを作成できますが、appendChildは既存の行オブジェクトを取ります。 appendChildを使用すると、テーブル内で行を移動したり、あるテーブルから別のテーブルに行を移動したり、テーブルから行を取り出して後で戻したりすることができます（ページテーブルでは非常に便利です）。 insertRow（およびinsertCell）を使用して同じことを行うには、コンテンツをパッケージ化し、新しい行とセルを作成してから、古いセルを新しいセルに追加する必要があります。不器用で、一見効率の低いようです。これを行うより優雅な方法がありますか？既存の行オブジェクトを受け取るinsertRowの変種が良いでしょう。

出典

2010-09-17 01:07:10 Andrew

insertRowとappendChildの比較

答えて

関連する問題