=======================================================================
You
-----------------------------------------------------------------------
is it possible to make HTMLFragment of an entire DOM?
-----------------------------------------------------------------------
Copilot
-----------------------------------------------------------------------
Creating an HTMLFragment of an entire DOM is not directly possible because DocumentFragment objects are meant to be lightweight containers that do not include the <html>, <head>, and <body> elements. They are designed to hold a portion of the document structure that can be manipulated and then inserted into the document without the overhead of being part of the live DOM tree1.

However, you can create a new Document object which represents an entire HTML or XML document. You can manipulate this Document just like you would with the main document DOM. If you need to create a fragment that includes the entire structure of a document, you would actually create a new Document rather than a DocumentFragment.

Here’s a simple example using JavaScript to create a new Document:

JavaScript

// Create a new document
var newDoc = document.implementation.createHTMLDocument("New Document");

// Set the contents of the new document
newDoc.documentElement.innerHTML = '<head><title>New Document</title></head><body><h1>Hello World</h1></body>';

AI-generated code. Review and use carefully. More info on FAQ.

This creates a new HTML document with a <head> and <body> element, which you can then manipulate as needed. Remember that this new document is separate from the main document displayed in the browser window2.
=======================================================================