tutoriais mais recente desenvolvimento web
 

HTML DOM liga Colecção

<Document Object

Exemplo

Descobrir quantos links existem no documento:

var x = document.links.length;

O resultado x será:

5
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

A coleção de ligações retorna uma coleção de todos os links no documento.

Os links na coleção representa <a> elementos e / ou <area> elementos com um atributo href.

Nota: Se o elemento está faltando o href atributo, nada é devolvido.

Note: Os elementos na coleção são classificadas como eles aparecem no código-fonte.

Dica: Também olhar para o objeto Anchor eo objeto Área .


Suporte navegador

Coleção
links sim sim sim sim sim

Sintaxe

document.links

propriedades

Propriedade Descrição
length Retorna o número de <a> e / ou <area> elementos na coleção.

Nota: Esta propriedade é somente leitura

Métodos

Método Descrição
[ index ] Retorna o <a> e / ou <area> elemento da coleção com o índice especificado (starts at 0) .

Nota: Retorna null se o número de índice está fora do intervalo
item( index ) Retorna o <a> e / ou <area> elemento da coleção com o índice especificado (starts at 0) .

Nota: Retorna null se o número de índice está fora do intervalo
namedItem( id ) Retorna o <a> e / ou <area> elemento da coleção com o ID especificado.

Nota: Retorna null se o id não existe

Detalhes técnicos

DOM Versão: Núcleo Nível Objeto 1 Documento
Valor de retorno: Um objeto HTMLCollection, representando todos os <a> elementos e / ou <area> elementos no documento. Os elementos na coleção são classificadas como eles aparecem no código fonte

Exemplos

mais Exemplos

Exemplo

[Índice]

Obter o URL da primeira ligação (index 0) no documento:

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

O resultado x será:

http://www.w3ii.com/jsref/sun.htm
Tente você mesmo "

Exemplo

item( index )

Obter o URL da primeira ligação (index 0) no documento:

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

O resultado x será:

http://www.w3ii.com/jsref/sun.htm
Tente você mesmo "

Exemplo

namedItem( id )

Obter o URL do elemento com id = "myLink" no documento:

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

O resultado x será:

http://www.w3ii.com/html/default.html
Tente você mesmo "

Exemplo

Adicionar uma borda vermelha para o primeiro link no documento:

document.links[0].style.border = "5px solid red";
Tente você mesmo "

Exemplo

Loop através de todos os links no documento, ea saída do URL (href) de cada link:

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

O resultado do txt será:

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
Tente você mesmo "

Páginas relacionadas

JavaScript referência: HTML DOM Anchor Objeto

JavaScript referência: HTML DOM Área Objeto

Tutorial HTML: links em HTML

Referência HTML: HTML <a> tag

: HTML referência HTML <area> tag


<Document Object