Derniers tutoriels de développement web
 

DOM HTML Liens Collection

<Document Object

Exemple

Découvrez combien de liens il y a dans le document:

var x = document.links.length;

Le résultat de x sera:

5
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

Les liens collection renvoie une collection de tous les liens dans le document.

Les liens dans la collection représente <a> éléments et / ou <area> éléments avec un attribut href.

Remarque: Si l'élément est manquant l' href attribut, rien est retourné.

Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.

Astuce: Regardez aussi l' objet Anchor et l' objet de zone .

Support du navigateur

Collection
links Oui Oui Oui Oui Oui

Syntaxe

document.links

Propriétés

Propriété La description
length Renvoie le nombre de <a> et / ou <area> des éléments de la collection.

Note: Cette propriété est en lecture seule

méthodes

méthode La description
[ index ] Renvoie la <a> et / ou <area> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
item( index ) Renvoie la <a> et / ou <area> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
namedItem( id ) Renvoie la <a> et / ou <area> élément de la collection avec l'id spécifié.

Note: Retourne null si l'identifiant n'existe pas

Détails techniques

DOM Version: Niveau de base 1 Document Object
Valeur de retour: Un objet HTMLCollection, représentant tous les <a> éléments et / ou <area> éléments dans le document. Les éléments de la collection sont classés comme ils apparaissent dans le code source
Exemples

autres exemples

Exemple

[Index]

Obtenir l'URL de la première liaison (index 0) dans le document:

var x = document.links[0].href;

Le résultat de x sera:

http://www.w3ii.com/jsref/sun.htm
Essayez vous - même »

Exemple

item( index )

Obtenir l'URL de la première liaison (index 0) dans le document:

var x = document.links.item(0).href;

Le résultat de x sera:

http://www.w3ii.com/jsref/sun.htm
Essayez vous - même »

Exemple

namedItem( id )

Obtenir l'URL de l'élément avec id = « myLink » dans le document:

var x = document.links.namedItem("myLink").href;

Le résultat de x sera:

http://www.w3ii.com/html/default.html
Essayez vous - même »

Exemple

Ajouter une bordure rouge au premier lien dans le document:

document.links[0].style.border = "5px solid red";
Essayez vous - même »

Exemple

Boucle à travers tous les liens dans le document, et la sortie de l'URL (href) de chaque lien:

var x = document.links;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].href + "<br>";
}

Le résultat de txt sera:

http://www.w3ii.com/jsref/sun.htm
http://www.w3ii.com/jsref/mercur.htm
http://www.w3ii.com/jsref/venus.htm
http://www.w3ii.com/html/default.html
http://www.w3ii.com/css/default.html
Essayez vous - même »

Pages associées

JavaScript référence: HTML DOM Anchor Object

JavaScript référence: HTML DOM objet Zone

Tutoriel HTML: Liens HTML

Référence HTML: HTML <a> tag

Référence HTML: HTML <area> balise

<Document Object