Javascript 为每个id生成超链接

我有一个HTML页面，包含数十个id属性的元素。我想在侧边栏中有一个页面导航。 如何获得每个id的书签链接？对于每个

id=“N”

我需要

但不是在它旁边，都在一个单独的地方

编辑：更好（假设我只有内联类型的元素和标题）： 对于每个

M

我需要

Edit2：也许你有一个PHP或JS代码片段或一个尾声片段？或者是一个独立的工具。我不能运行Python、Perl、CGI等

单位
直接火力单位
这些部队携带轻型子弹武器，并自动向FoF内的敌军部队开火。他们不会伤害友军。
猎枪机枪狙击步枪

另外，我会自己做

和

怎么样

由于您的问题不太清楚，我建议您编辑我制作的示例，并向我们展示您正在寻找的内容。

使用纯JavaScript（这花费的时间比我愿意承认的要长……叹气）：

var navList=document.createElement（'ol'）；
var headers=document.getElementsByTagName（'h2'）；
document.body.insertBefore（导航列表，标题[0]）；
对于（i=0；i您希望在php或客户端完成此操作？请编辑您的标记以澄清。您已经尝试了什么，出现了什么问题？我是认真的，当我问：这在php中是否可能？我会想到JS，这将是一个快照。有兴趣查看此问题的答案。--Ned Luddw当您编辑原始问题时，请注释更改使用编辑或类似功能。@David Thomas PHP或JS，这不重要，它不是供访问者使用的，我只需要输出，这样我就可以完成侧边栏并对其进行硬编码。我没有尝试过任何操作，因为我怀疑这将花费我手工完成的时间。Pete，这就是为什么我询问他的实现细节，我想这可以用PHP完成，但我不喜欢做一个这样做的人。而在JavaScript中这很容易。问题是“如何做”中没有明确的内容。@user2534:你能发布一些你正在使用的示例标记吗？Thx，就像我说的，这不是给访问者的，而是给我的。我需要源代码，这样我就可以复制HTML输出了……而且还删除了列表如果在你的时间里有nestingThx，那么很可能是嵌套错误的，请参阅我对Emil答案的评论。
<h4 id="Units">Units</h4>
<h5 id="Direct Fire Units">Direct Fire Units</h5>
These units carry light, bullet based weapons and automatically fire at enemy units in their FoF. They do not harm friendly Units.
Shotgun Machine GunSniper Rifle

var navList = document.createElement('ol');
var headers = document.getElementsByTagName('h2');

document.body.insertBefore(navList,headers[0]);

for (i=0;i<headers.length;i++){
    newLi = document.createElement('li');
    newA = document.createElement('a');
    newA.href = '#' + headers[i].id;
    newA.innerHTML = headers[i].innerHTML;
    newLi.appendChild(newA);
    navList.appendChild(newLi);
}