Not TestedTesting not done, may not work properly

Document Fragment

Construct lightweight, off-screen DOM subtree nodes for high-performance DOM manipulation.

Checking support...

Interactive Input Workspace

Input Text / Data Payload:

Ready for input

Web API Execution Output

Result output will be displayed here after processing...

Native JavaScript Code Example (Zero Libraries)

const fragment = document.createDocumentFragment();
const li = document.createElement('li');
fragment.appendChild(li);
document.querySelector('ul').appendChild(fragment);

About the Document Fragment Web API

DocumentFragment acts as a minimal document object that has no parent, minimizing reflows when appended.

Specification:W3C & WHATWG Web API Standard