Example

var fragment = document.createDocumentFragment();

var contents = fragment.appendChild(document.createElement('blockquote'));
contents = contents.appendChild(document.createElement('p'));
contents.appendChild(document.createTextNode('Always two there are'));

element.appendChild(fragment);

The example above creates a DocumentFragment node, and populates it using createElement, createTextNode and appendChild. The document fragment is then added to an element using appendChild, which adds its contents but not the fragment itself.

So if the element in question were an empty HTML div element:

<div></div>

Then the operation above would produce this result:

<div><blockquote><p>Always two there are</p></blockquote></div>