Links de documentos HTML DOM
Exemplo
Número de links no documento:
let numb = document.links.length;
Obtenha o URL do primeiro link no documento:
let url = document.links[0].href;
Obtenha o URL do primeiro link no documento:
let url = document.links.item(0).href;
Mais exemplos abaixo.
Definição e uso
A links
propriedade retorna uma coleção de todos os links no documento.
A forms
propriedade retorna um HTMLCollection .
A links
propriedade é somente leitura.
Os links na coleção representam os elementos <a> e <area> com um atributo href.
Veja também:
HTMLCollection
Uma HTMLCollection é uma coleção de nós HTML.
Os nós em uma coleção podem ser acessados por números de índice. O índice começa em 0.
A propriedade length retorna o número de elementos na coleção.
Sintaxe
document.links
Propriedades
Property | Description |
length | The number of elements in the collection. |
Métodos
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Valor de retorno
Modelo | Descrição |
Objeto | Um objeto HTMLCollection . Todos os elementos <a> e <area> no documento. Os elementos são classificados conforme aparecem no documento. |
Mais exemplos
Obtenha a URL do elemento com id="myLink":
let url = document.links.namedItem("myLink").href;
Adicione uma borda vermelha ao primeiro link no documento:
document.links[0].style.border = "5px solid red";
Faça um loop em todos os links e produza o URL (href) de cada um:
const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
text += links[i].href + "<br>";
}
Suporte ao navegador
document.links
é um recurso DOM Nível 1 (1998).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |