从页面获取链接并在表格中显示它们？

Question

我想在网页上获取某些链接的标题，以便在表格中显示。页面链接变化很大，所以我不知道如何使表“动态”，以正确显示链接标题。

这可以用JavaScript吗？

Answer 1

假设html如下

  <div id="toc"></div>

  <a href="1" title="title of a1 link">a1</a> blah blah<br>
  <a href="2" title="title of a2 link">a2</a> blah blah<br>
  <a href="3" title="title of a3 link">a3</a> blah blah<br>

以下javascript会做你想要的......

var links = document.getElementsByTagName('a'); // get all links
var toc = document.getElementById('toc'); // get the (table of contents) element where the titles will be inserted

for (var i = 0 ; i < links.length; i++)
{
  // for each link create a div
  newTitle = document.createElement('div');
  // which will hold the title of the link
  newTitle.innerHTML = links[i].title;

  // and then append it to the table of contents element..
  toc.appendChild( newTitle );
}