English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM createDocumentFragment() メソッド

HTML DOM Documentオブジェクト

createDocumentFragment()方法创建一个新的空DocumentFragment。

当您要提取文档的一部分,更改,添加或删除某些内容并将其重新插入文档时,此方法很有用。

语法:

document.createDocumentFragment()
var element  = document.getElementById('ul');
var fragment = document.createDocumentFragment();
var browsers = ['Firefox', 'Chrome', 'Opera', 'Safari', 'Internet Explorer'];
browsers.forEach(function(browser) {
var li = document.createElement('li');
li.textContent = browser;
fragment.appendChild(li);
});
element.appendChild(fragment);
テストを見て‹/›

ブラウザの互換性

すべてのブラウザが完全にcreateDocumentFragment()メソッドをサポートしています:

メソッド
createDocumentFragment()

技術的詳細

返り値:作成されたDocumentFragmentノードを表すDocumentFragmentオブジェクト
DOMバージョン:DOMレベル1

HTML DOM Documentオブジェクト