Написать скрипт, рекурсивно обходящий дерево DOM страницы dom.html, начиная от корня DOM

const iterateDOMTree = (function ( ) {
  const nodeTypes = new Map([
    [Node.TEXT_NODE, "Text"],
    [Node.ELEMENT_NODE, "Element"],
    [Node.ATTRIBUTE_NODE, "Attribute"],
    [Node.CDATA_SECTION_NODE, "CData Section"],
    [Node.COMMENT_NODE, "Comment"],
    [Node.DOCUMENT_FRAGMENT_NODE, "Document Fragment"],
    [Node.DOCUMENT_NODE, "Document"],
    [Node.DOCUMENT_TYPE_NODE, "Document Type"],
    [Node.ENTITY_NODE, "Entity"],
    [Node.ENTITY_REFERENCE_NODE, "Entity Reference"],
    [Node.NOTATION_NODE, "Notation"],
    [Node.PROCESSING_INSTRUCTION_NODE, "Processing Instruction"], 
  ]);
 
  const iterateDOMTree = function* (root, depth=0) {
    let { nodeType, nodeValue, nodeName, innerHTML } = root;
    nodeType = nodeTypes.get(nodeType);
    
    let additional; 
    if (nodeType === "Element" || nodeType === "Text") 
      additional = { nodeName, innerHTML }; 
    else
      additional = {};
 
    yield { depth, nodeType, nodeValue, ...additional };
    for (let child of root.childNodes) yield* iterateDOMTree(child, depth + 1); 
  }
 
  return iterateDOMTree;
})( );
 
for (let data of iterateDOMTree(document.documentElement)) {
  console.log(data);
}