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