HTML DOM createDocumentFragment() Method

HTML DOM Document Object

createDocumentFragment()This method creates a new empty DocumentFragment.

This method is very useful when you need to extract a part of the document, modify, add, or delete some content, and then reinsert it into the document.

Syntax:

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);

Browser Compatibility

All browsers fully support the createDocumentFragment() method:

Technical Details

HTML DOM Document Object