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

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