Neueste Web-Entwicklung Tutorials
 

HTML DOM Links-Sammlung

<Document Object

Beispiel

Finden Sie heraus, wie viele Links gibt es in dem Dokument sind:

var x = document.links.length;

Das Ergebnis von x wird sein:

5
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die Linksammlung gibt eine Auflistung aller Links im Dokument.

Die Links in der Sammlung repräsentieren <a> Elemente und / oder <area> Elemente mit einem href - Attribute.

Hinweis: Wenn das Element das fehlende href Attribut, nichts zurückgegeben.

Note: Die Elemente in der Sammlung sortiert werden , wie sie im Quelltext angezeigt.

Tipp: Schauen Sie auch auf dem Anchor - Objekt und die Umgebung Objekt .


Browser-Unterstützung

Sammlung
links Ja Ja Ja Ja Ja

Syntax

document.links

Eigenschaften

Eigentum Beschreibung
length Gibt die Anzahl der <a> und / oder <area> Elemente in der Sammlung.

Hinweis: Diese Eigenschaft ist schreibgeschützt

Methods

Methode Beschreibung
[ index ] Gibt die <a> und / oder <area> Element aus der Sammlung mit dem angegebenen Index (starts at 0) .

Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs
item( index ) Gibt die <a> und / oder <area> Element aus der Sammlung mit dem angegebenen Index (starts at 0) .

Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs
namedItem( id ) Gibt das <a> und / oder <area> Element aus der Sammlung mit dem angegebenen ID.

Hinweis: Gibt null zurück , wenn die ID nicht existiert

Technische Details

DOM Version: Core Level 1 Document Object
Rückgabewert: Ein HTMLCollection Objekt, stellvertretend für alle <a> Elemente und / oder <area> -Elemente im Dokument. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen

Beispiele

Mehr Beispiele

Beispiel

[Index]

Holen Sie die URL des ersten Lenkers (index 0) in dem Dokument:

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

Das Ergebnis von x wird sein:

http://www.w3ii.com/jsref/sun.htm
Versuch es selber "

Beispiel

item( index )

Holen Sie die URL des ersten Lenkers (index 0) in dem Dokument:

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

Das Ergebnis von x wird sein:

http://www.w3ii.com/jsref/sun.htm
Versuch es selber "

Beispiel

namedItem( id )

Holen Sie sich das URL des Elements mit id = „myLink“ in dem Dokument:

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

Das Ergebnis von x wird sein:

http://www.w3ii.com/html/default.html
Versuch es selber "

Beispiel

Fügen Sie einen roten Rahmen auf den ersten Link im Dokument:

document.links[0].style.border = "5px solid red";
Versuch es selber "

Beispiel

Schleife über alle Verbindungen in dem Dokument, und gibt die URL (href) jede Verbindung:

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

Das Ergebnis der txt wird:

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
Versuch es selber "

Verwandte Seiten

JavaScript - Referenz: HTML DOM Anchor Object

JavaScript - Referenz: HTML DOM Bereich Objekt

HTML - Tutorial: HTML - Links

HTML - Referenz: HTML <a> Tag

HTML - Referenz: HTML <area> -Tag


<Document Object