2010-05-10 22 views
2

Je voudrais obtenir les titres de certains liens sur une page Web pour les afficher dans un tableau. Les liens de page changent beaucoup, donc je ne sais pas comment rendre la table "dynamique", pour afficher correctement les titres des liens.Obtenir des liens sur une page et les afficher dans un tableau?

Est-ce possible avec JavaScript?

+0

De la même page que le javascript ou d'une page externe? – zaf

+0

Cela serait très utile: vous pouvez utiliser ce script pour rechercher et supprimer des liens dupliqués d'une page. –

Répondre

4

en supposant un html comme le

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

le javascript suivant serait faire ce que vous voulez ..

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

Merci beaucoup! et si je voulais le faire à partir d'une page html distante? – ernesto50

+0

@carnegie Vous devrez utiliser un proxy côté serveur pour accéder au html du domaine remove (pourquoi: http://stackoverflow.com/questions/1201429/jquery-ajax-fails-when-url-is-from- serveur différent). Ensuite, vous devrez utiliser Ajax pour appeler le proxy via javascript, puis accéder aux résultats de la même manière que le code ci-dessus .. –