JavaScript 遍历文档生成目录结构

 JavaScript 遍历文档生成目录结构

要遍历 HTML 文档并生成目录结构，你可以使用 JavaScript 来进行 DOM 操作和遍历。以下是一个简单的示例代码，演示了如何遍历文档中的标题元素（例如 

、

、

 等），并根据它们的层次结构生成目录：

    
    
    


    
    
Heading 1
    
This is some content under Heading 1.
    
Subheading 1.1
    
This is some content under Subheading 1.1.
    
Subheading 1.2
    
This is some content under Subheading 1.2.
    
Sub-subheading 1.2.1
    
This is some content under Sub-subheading 1.2.1.
    
Heading 2
    
This is some content under Heading 2.
    
Heading 2.1
    
This is some content under Heading 2.

    
小沈阳
    
天下第二也挺好

在这个示例中，我们首先使用 document.querySelectorAll 方法获取文档中的所有标题元素。然后，我们遍历这些标题元素，并根据其级别创建对应的目录结构。最后，我们将生成的目录添加到文档中的某个容器元素中。

需要注意的是，这只是一个简单的示例，可能无法覆盖所有情况。在实际应用中，你可能需要根据具体的需求对代码进行调整和扩展。