Metode Document.createDocumentFragment() (Core Level 1) membuat empty DocumentFragment node.
Sintaks:
document.createDocumentFragment()
Metode Document.createDocumentFragment() di dukung oleh mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.
DocumentFragment yang sudah dibuat kemudian bisa ditambahkan ke dalam dokumen via Node.appendChild() atau Node.insertBefore().
Contoh di bawah ini membuat satu set isi 'kutipan' di dalam document fragment, isinya akan ditambahkan kepada elemen DIV:
<DIV></DIV>
<SCRIPT TYPE="text/javascript">
var fragment = document.createDocumentFragment();
var contents = fragment.appendChild(document.createElement("blockquote"));
contents = contents.appendChild(document.createElement("p"));
contents.appendChild(document.createTextNode("Halo saya adalah kutipan yang dipanggil dari document fragment!"));
</SCRIPT>
<SCRIPT TYPE="text/javascript">
function foo() {
var element = document.getElementsByTagName("div")[0];
element.appendChild(fragment);
}
</SCRIPT>
<BUTTON ONCLICK="foo()">Insert kutipan!!</BUTTON>
