Have Geek Brain

Get links from a page and show them in a table?

I would like to get the titles of some of the links in a web page to show them in a table. The page links change a lot, so I don't know how to make the table "dynamic" in order to display the link titles correctly.

Is this possible with JavaScript?

+2


a source to share


1 answer


assuming html like below

  <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>


the following javascript will do what you want.

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


a source






More articles:


All Articles