HTML-DOM-Dokument-Links
Beispiel
Anzahl der Links im Dokument:
let numb = document.links.length;
Rufen Sie die URL des ersten Links im Dokument ab:
let url = document.links[0].href;
Rufen Sie die URL des ersten Links im Dokument ab:
let url = document.links.item(0).href;
Weitere Beispiele unten.
Definition und Verwendung
Die linksEigenschaft gibt eine Auflistung aller Links im Dokument zurück.
Die formsEigenschaft gibt eine HTMLCollection zurück .
Die linksEigenschaft ist schreibgeschützt.
Die Links in der Sammlung stellen <a>- und <area>-Elemente mit einem href-Attribut dar.
Siehe auch:
HTMLCollection
Eine HTMLCollection ist eine Sammlung von HTML-Knoten.
Auf Knoten in einer Sammlung kann über Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Die Eigenschaft length gibt die Anzahl der Elemente in der Sammlung zurück.
Syntax
document.links
Eigenschaften
| Property | Description |
| length | The number of elements in the collection. |
Methoden
| Method | Description |
| [index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Rückgabewert
| Typ | Beschreibung |
| Objekt | Ein HTMLCollection-Objekt . Alle <a>- und <area>-Elemente im Dokument. Die Elemente werden so sortiert, wie sie im Dokument erscheinen. |
Mehr Beispiele
Holen Sie sich die URL des Elements mit id="myLink":
let url = document.links.namedItem("myLink").href;
Fügen Sie dem ersten Link im Dokument einen roten Rahmen hinzu:
document.links[0].style.border = "5px solid red";
Alle Links durchlaufen und jeweils die URL (href) ausgeben:
const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
text += links[i].href + "<br>";
}
Browser-Unterstützung
document.links ist eine Funktion von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |