Łącza do dokumentów HTML DOM
Przykład
Liczba linków w dokumencie:
let numb = document.links.length;
Uzyskaj adres URL pierwszego łącza w dokumencie:
let url = document.links[0].href;
Uzyskaj adres URL pierwszego łącza w dokumencie:
let url = document.links.item(0).href;
Więcej przykładów poniżej.
Definicja i użycie
Właściwość links
zwraca kolekcję wszystkich łączy w dokumencie.
Właściwość forms
zwraca HTMLCollection .
Właściwość links
jest tylko do odczytu.
Łącza w kolekcji reprezentują elementy <a> i <area> z atrybutem href.
Zobacz też:
Kolekcja HTML
HTMLCollection to kolekcja węzłów HTML.
Dostęp do węzłów w kolekcji można uzyskać za pomocą numerów indeksu. Indeks zaczyna się od 0.
Właściwość length zwraca liczbę elementów w kolekcji.
Składnia
document.links
Nieruchomości
Property | Description |
length | The number of elements in the collection. |
Metody
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. |
Wartość zwrotu
Rodzaj | Opis |
Obiekt | Obiekt HTMLCollection . Wszystkie elementy <a> i <area> w dokumencie. Elementy są sortowane tak, jak pojawiają się w dokumencie. |
Więcej przykładów
Uzyskaj adres URL elementu z id="myLink":
let url = document.links.namedItem("myLink").href;
Dodaj czerwoną ramkę do pierwszego łącza w dokumencie:
document.links[0].style.border = "5px solid red";
Przeprowadź pętlę przez wszystkie linki i wyślij adres URL (href) każdego z nich:
const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
text += links[i].href + "<br>";
}
Obsługa przeglądarki
document.links
to funkcja DOM Level 1 (1998).
Jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |