Javascript 如何自动生成目录

我是JavaScript新手，对于学校来说，我必须自动将我页面上的每个页面生成一个“ol”，每个“li”中都有一个指向页面标题所在位置的链接，所以最后我有一个目录，每个“li”上都有链接。所以我应该能够只写文本，而不用担心目录。有没有一种方法可以做到这一点而不使用太复杂的代码？最好不要太长，这样我才能理解

e、 g

标题1
滴度2
滴度3
滴度4

使其生成如下所示：

<ol>
<li><a href="h1-01">Title 1</a></li>
<li><a href="h1-02">Title 2</a></li>
<li><a href="h1-03">Title 3</a></li>
<li><a href="h1-04">Title 4</a></li>
</ol>

编辑： 我不想让任何人做我所有的家庭作业，这只是家庭作业的一小部分。我想知道的是，如何在javascript中使用列表项创建一个有组织的列表，而不需要太复杂的代码。我已经找到了将每个标题文本放入变量的方法。 这就是我所拥有的

function generate(){
var titels = new Array();
for(var i = 1;i<10;i++){
var test = 'h1-0'+ i;
    titels[i] = document.getElementById(test).textContent;  
}
}
-->
</script>

函数生成（）{
var titels=新数组（）；
对于（var i=1；i

现在唯一的问题是，我必须用这些变量列出一个列表，但我在互联网上没有发现任何有用的东西，我发现使用Jquery ir的所有东西都是针对某个人的问题的。我还想知道一种方法来计算我使用的标题的数量，但这是另一个问题。真的有可能有这样的代码吗就好像我在写一样被实现了

比如：

html.write（“”）；
对于（var i=1，i我不会给你做家庭作业，但会给你指出一个好的方向

尝试构建一个包含每个条目id和标题的对象。从那里，您可以使用该对象构建几乎任何内容，包括有序列表

当然，您可以将h1标记硬重写为列表项，但这不是正确的方法，您不应该从中学习。
开始提示：
您可以在jquery的帮助下完成这项工作

如下图所示：

 <ol id=contents></ol>

   <h1>Test</h1>
      bla bla 

      <h1> Test2 </h1>
      Ble ble ble


试验
布拉布拉
测试2
呜呜呜

Jquery：

 $(document).ready(function(){
     $("h1").each(function(){
         $("#contents").append("<li>" + $(this).html() + "</li>");
     });
 });

$（文档）.ready（函数（）{
$（“h1”）。每个（函数（）{
$（“#contents”）.append（“
”+$（this.html（）+”
”）；
});
});
当然有可能，但是，到目前为止您尝试了什么？是的，这是可能的，没有太多的代码。但是我们并不是从零开始做所有的家庭作业。我想您正在寻找这个[答案][1][1]：
 <ol id=contents></ol>

   <h1>Test</h1>
      bla bla 

      <h1> Test2 </h1>
      Ble ble ble

 $(document).ready(function(){
     $("h1").each(function(){
         $("#contents").append("<li>" + $(this).html() + "</li>");
     });
 });