En son web geliştirme öğreticiler
 

HTML DOM Koleksiyonu bağlantılar

<Belge Nesne

Örnek

Belgede kaç bağlantılar öğrenin:

var x = document.links.length;

X'in sonucu olacaktır:

5
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

bağlantılar toplama belgesinde tüm bağlantıların bir koleksiyon döndürür.

Koleksiyondaki bağlantılar temsil <a> elemanları ve / veya <area> a href özniteliği ile unsurlarını.

Not: eleman eksikse href niteliğini, hiçbir şey döndürülür.

Note: bunlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır.

İpucu: Ayrıca bak Çapa Nesne ve Alan Nesne .

Tarayıcı Desteği

Toplamak
links Evet Evet Evet Evet Evet

Sözdizimi

document.links

Özellikleri

özellik Açıklama
length Sayısını döndürür <a> ve / veya <area> koleksiyonunda elemanları.

Not: Bu özellik salt okunur

Yöntemler

Yöntem Açıklama
[ index ] İade <a> ve / veya <area> Belirtilen dizini ile koleksiyonundan eleman (starts at 0) .

Not: dizin numarası aralık dışında ise boş sonucunu döndürür
item( index ) İade <a> ve / veya <area> Belirtilen dizini ile koleksiyonundan eleman (starts at 0) .

Not: dizin numarası aralık dışında ise boş sonucunu döndürür
namedItem( id ) İade <a> ve / veya <area> belirtilen kimliğe sahip koleksiyonundan elemanı.

Not: id yoksa boş sonucunu döndürür

Teknik detaylar

DOM Versiyon: Çekirdek Seviye 1 Belge Nesne
Geri dönüş değeri: Bütün temsil eden bir HTMLCollection Nesne, <a> elemanları ve / veya <area> belgedeki unsurları. onlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır
Örnekler

Diğer Örnekler

Örnek

[Göstergesi]

İlk bağlantısının URL'sini alın (index 0) belgesinde:

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

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/sun.htm
Kendin dene "

Örnek

item( index )

İlk bağlantısının URL'sini alın (index 0) belgesinde:

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

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/sun.htm
Kendin dene "

Örnek

namedItem( id )

Belgede id = "MyLink" ile elemanın URL'yi alın:

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

X'in sonucu olacaktır:

http://www.w3ii.com/html/default.html
Kendin dene "

Örnek

Belgenin ilk bağlantısına kırmızı bir sınır ekleyin:

document.links[0].style.border = "5px solid red";
Kendin dene "

Örnek

Belgedeki tüm bağlantılar aracılığıyla döngü ve çıkış URL (href) her bir bağlantının:

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

Txt sonucu olacaktır:

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
Kendin dene "

İlgili Sayfalar

JavaScript referansı: HTML DOM Çapa Nesne

JavaScript referansı: HTML DOM Alan Nesnesi

HTML öğretici: HTML Bağlantıları

HTML referansı: HTML <a> etiketi

HTML referansı: HTML <area> etiketi

<Belge Nesne