Получить ссылки со страницы и показать их в таблице?

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