HTML DOM Document links-Eigenschaft

Definition und Verwendung

links Die Eigenschaft gibt die Sammlung aller Links im Dokument zurück.

links Die Eigenschaft gibt zurück HTMLCollection.

links Die Eigenschaft ist schreibgeschützt.

Die Links in der Sammlung stellen die <a> und <area>-Elemente dar, die das href-Attribut besitzen.

Siehe auch:

HTML DOM Anchor-Objekt

HTML DOM Area-Objekt

HTML <a>-Tag

HTML <area>-Tag

HTML-Verknüpfungen

HTMLCollection

HTMLCollection ist eine sammlungähnliche Liste von HTML-Elementen.

Die Elemente in der Sammlung können durch Index abgerufen werden (beginnend bei 0).

length Die Eigenschaft gibt die Anzahl der Elemente in der Sammlung zurück.

Beispiel

Beispiel 1

Gibt die Anzahl der Links im Dokument zurück:

let numb = document.links.length;

Versuchen Sie es selbst

Beispiel 2

Holen Sie die URL des ersten Links im Dokument ab:

let url = document.links[0].href;

Versuchen Sie es selbst

Beispiel 3

Holen Sie die URL des ersten Links im Dokument ab:

let url = document.links.item(0).href;

Versuchen Sie es selbst

Beispiel 4

Holen Sie die URL des Elements mit id="myLink" ab:

let url = document.links.namedItem("myLink").href;

Versuchen Sie es selbst

Beispiel 5

Fügen Sie dem ersten Link im Dokument eine rote Umrandung hinzu:

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

Versuchen Sie es selbst

Beispiel 6

Durchsuchen Sie alle Links und geben Sie die URL (href) jedes Links aus:

const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
  text += links[i].href + "<br>";
}

Versuchen Sie es selbst

Syntax

document.links

Eigenschaft

Eigenschaft Beschreibung
length Anzahl der Elemente in der Sammlung.

Methode

Methode Beschreibung
[index]

Gibt das Element mit der angegebenen Index zurück (beginnend bei 0).

Wird der Index außerhalb des Bereichs, gibt null zurück.
item(index)

Gibt das Element mit der angegebenen Index zurück (beginnend bei 0).

Wird der Index außerhalb des Bereichs, gibt null zurück.
namedItem(id)

gibt zurück das mit der angegebenen id des Elements.

wenn id Existiert nicht, gibt null zurück.

Rückgabewert

Typ Beschreibung
Objekt

HTMLCollection-Objekt.

alle <a> und <area>-Elemente im Dokument.

sortiert nach der Reihenfolge ihres Auftretens im Quellcode.

Browser-Unterstützung

document.links ist eine Eigenschaft der DOM-Level-1 (1998).

Es wird es von allen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
unterstützt 9-11 unterstützt unterstützt unterstützt unterstützt