Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM łączy Collection

<Document Object

Przykład

Dowiedzieć się, ile linki są w dokumencie:

var x = document.links.length;

Wynikiem X będzie:

5
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Zbiór linków zwraca kolekcję wszystkich linków w dokumencie.

Linki w kolekcji reprezentuje <a> elementy i / lub <area> elementy z atrybutem href.

Uwaga: Jeśli element brakuje href atrybutu, nic nie jest zwracana.

Note: elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym.

Wskazówka: Zobacz również w Object Anchor i Object Area .


Wsparcie przeglądarka

Kolekcja
links tak tak tak tak tak

Składnia

document.links

Nieruchomości

Nieruchomość Opis
length Zwraca liczbę <a> i / lub <area> elementów w kolekcji.

Uwaga: Ta właściwość jest tylko do odczytu

metody

metoda Opis
[ index ] Zwraca <a> i / lub <area> elementu z kolekcji z określonym indeksem (starts at 0) .

Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem
item( index ) Zwraca <a> i / lub <area> elementu z kolekcji z określonym indeksem (starts at 0) .

Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem
namedItem( id ) Zwraca <a> i / lub <area> element z kolekcji o podanym id.

Uwaga: Zwraca null, jeśli id nie istnieje

Szczegóły techniczne

DOM wersja: Rdzeń Poziom 1 Document Object
Zwracana wartość: Object HTMLCollection, reprezentujących wszystkie <a> elementy i / lub <area> elementy w dokumencie. Elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym

Przykłady

Więcej przykładów

Przykład

[Indeks]

Get URL pierwszego ogniwa (index 0) w dokumencie:

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

Wynikiem X będzie:

http://www.w3ii.com/jsref/sun.htm
Spróbuj sam "

Przykład

item( index )

Get URL pierwszego ogniwa (index 0) w dokumencie:

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

Wynikiem X będzie:

http://www.w3ii.com/jsref/sun.htm
Spróbuj sam "

Przykład

namedItem( id )

Uzyskaj adres URL elementu o id = „MyLink” w dokumencie:

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

Wynikiem X będzie:

http://www.w3ii.com/html/default.html
Spróbuj sam "

Przykład

Dodaj czerwone obramowanie do pierwszego ogniwa w dokumencie:

document.links[0].style.border = "5px solid red";
Spróbuj sam "

Przykład

Pętla przez wszystkie łącza w dokumencie, a wyjście URL (href) każdego linku:

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

Wynikiem txt będą:

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
Spróbuj sam "

Podobne strony

Odniesienia JavaScript: HTML DOM Kotwica obiektu

Odniesienia JavaScript: HTML DOM Powierzchnia obiektu

Poradnik HTML: HTML Linki

Odniesienia HTML: html <a> tag

HTML referencyjny: HTML <area> tag


<Document Object