新JavaScript例文辞典

ドキュメントの断片(フラグメント)を作成する (createDocumentFragment)

説明

ドキュメントの断片(フラグメント)を作成するにはcreateDocumentFragment()を使います。createDocumentFragment()により空のノードが作成されます。createDocumentFragment()により作成されたノードに、様々なノードを追加し最後にページ上のノードに追加します。createDocumentFragment()を使えば時間のかかるノード処理を高速化することができます(ブラウザにより効果がない場合もあります)。

サンプルプログラム

window.onload = function(){
var df = document.createDocumentFragment();
for (var i=0; i<100; i++){
var numNode = document.createTextNode(i+", ");
df.appendChild(numNode);
}
document.body.appendChild(df);
}
サンプルを実行
[戻る]