Question

我有一个HTML页面，其中包含数十个带id属性的元素。我希望在侧边栏中有一个页面导航。如何获取每个ID的书签链接？就像每个id="N"我需要<a href="#N">M</a>一样但不是在它旁边，都在一个单独的地方。

编辑：更好（假设我只有内联类型的元素，在我的情况下标题）：每个<x id="N">M</x>我需要<a href="#N">M</a>

Edit2：也许您有PHP或JS片段或Coda片段？或一个独立的工具。 我无法运行Python，Perl，CGI等

<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

P.S。我会自己<ul>和<li>

Answer 1

在简单的JavaScript中（这比我承认的时间更长......叹气）：

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);
}

JS Fiddle demo

Answer 2

something similar怎么样。

由于您的问题不是很清楚，我建议您编辑我制作的示例并向我们展示您要查找的内容。

为每个id生成超链接

2 个答案: