tutorial pengembangan web terbaru
 

HTML DOM link Koleksi

<Document Object

Contoh

Cari tahu berapa banyak link yang ada di dokumen:

var x = document.links.length;

Hasil x akan:

5
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Link koleksi mengembalikan koleksi semua link dalam dokumen.

Link dalam koleksi mewakili <a> elemen dan / atau <area> elemen dengan atribut href.

Catatan: Jika unsur ini hilang href atribut, tidak ada yang dikembalikan.

Note: Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber.

Tip: Juga melihat Obyek jangkar dan Object di Area .

Dukungan Browser

Koleksi
links iya nih iya nih iya nih iya nih iya nih

Sintaksis

document.links

properti

Milik Deskripsi
length Mengembalikan jumlah <a> dan / atau <area> elemen dalam koleksi.

Catatan: Properti ini read-only

metode

metode Deskripsi
[ index ] Mengembalikan <a> dan / atau <area> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
item( index ) Mengembalikan <a> dan / atau <area> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
namedItem( id ) Mengembalikan <a> dan / atau <area> elemen dari koleksi dengan id yang ditentukan.

Catatan: Mengembalikan null jika id tidak ada

Rincian teknis

DOM Versi: Inti Level 1 Document Object
Kembali Nilai: Sebuah HTMLCollection Object, yang mewakili semua <a> elemen dan / atau <area> elemen dalam dokumen. Unsur-unsur dalam koleksi diurutkan seperti yang muncul dalam kode sumber
contoh

Contoh lebih

Contoh

[Index]

Dapatkan URL dari link pertama (index 0) dalam dokumen:

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

Hasil x akan:

http://www.w3ii.com/jsref/sun.htm
Cobalah sendiri "

Contoh

item( index )

Dapatkan URL dari link pertama (index 0) dalam dokumen:

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

Hasil x akan:

http://www.w3ii.com/jsref/sun.htm
Cobalah sendiri "

Contoh

namedItem( id )

Dapatkan URL dari elemen dengan id = "Tautan saya" dalam dokumen:

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

Hasil x akan:

http://www.w3ii.com/html/default.html
Cobalah sendiri "

Contoh

Tambahkan perbatasan merah untuk link pertama dalam dokumen:

document.links[0].style.border = "5px solid red";
Cobalah sendiri "

Contoh

Loop melalui semua link dalam dokumen, dan output URL (href) setiap link:

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

Hasil txt akan:

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
Cobalah sendiri "

Pages terkait

Referensi JavaScript: HTML DOM Jangkar Obyek

Referensi JavaScript: Obyek HTML DOM Lokasi

Tutorial HTML: Link HTML

Referensi HTML: HTML <a> tag

HTML referensi: HTML <area> tag

<Document Object