Gli ultimi tutorial di sviluppo web
 

HTML DOM collega Collection

<Document Object

Esempio

Scopri quanti link ci sono nel documento:

var x = document.links.length;

Il risultato di x sarà:

5
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

La collezione collegamenti restituisce un insieme di tutti i collegamenti nel documento.

I link della collezione rappresenta <a> elementi e / o <area> elementi con un attributo href.

Nota: Se l'elemento non è presente il href attributo, non viene restituito.

Note: Gli elementi della collezione sono ordinati come appaiono nel codice sorgente.

Suggerimento: Anche guardare l' oggetto di ancoraggio e l' area oggetto .


Supporto browser

Collezione
links

Sintassi

document.links

Proprietà

Proprietà Descrizione
length Restituisce il numero di <a> e / o <area> elementi della collezione.

Nota: questa proprietà è di sola lettura

metodi

Metodo Descrizione
[ index ] Restituisce il <a> e / o <area> elemento della collezione con l'indice specificato (starts at 0) .

Nota: Restituisce null se il numero di indice è fuori portata
item( index ) Restituisce il <a> e / o <area> elemento della collezione con l'indice specificato (starts at 0) .

Nota: Restituisce null se il numero di indice è fuori portata
namedItem( id ) Restituisce il <a> e / o <area> elemento della collezione con l'id specificato.

Nota: restituisce null se l'ID non esiste

Dettagli tecnici

DOM Versione: Nucleo livello di oggetto di documento 1
Valore di ritorno: Un oggetto HTMLCollection, in rappresentanza di tutti <a> elementi e / o <area> elementi nel documento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente

Esempi

Altri esempi

Esempio

[Index]

Ottenere l'URL del primo collegamento (index 0) nel documento:

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

Il risultato di x sarà:

http://www.w3ii.com/jsref/sun.htm
Prova tu stesso "

Esempio

item( index )

Ottenere l'URL del primo collegamento (index 0) nel documento:

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

Il risultato di x sarà:

http://www.w3ii.com/jsref/sun.htm
Prova tu stesso "

Esempio

namedItem( id )

Ottenere l'URL del elemento con id = "MyLink" nel documento:

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

Il risultato di x sarà:

http://www.w3ii.com/html/default.html
Prova tu stesso "

Esempio

Aggiungere un bordo rosso per il primo collegamento nel documento:

document.links[0].style.border = "5px solid red";
Prova tu stesso "

Esempio

Loop attraverso tutti i link nel documento, e l'uscita l'URL (href) di ogni collegamento:

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

Il risultato di txt sarà:

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
Prova tu stesso "

Pagine correlate

Di riferimento JavaScript: HTML DOM ancoraggio di oggetto

Di riferimento JavaScript: HTML DOM Object Area

HTML tutorial: collegamenti HTML

Di riferimento HTML: HTML <a> tag

HTML di riferimento: HTML <area> tag


<Document Object