HTML DOM Document-links
Voorbeeld
Aantal links in het document:
let numb = document.links.length;
Haal de URL van de eerste link in het document op:
let url = document.links[0].href;
Haal de URL van de eerste link in het document op:
let url = document.links.item(0).href;
Hieronder meer voorbeelden.
Definitie en gebruik
De links
eigenschap retourneert een verzameling van alle koppelingen in het document.
De forms
eigenschap retourneert een HTMLCollection .
De links
eigenschap is alleen-lezen.
De links in de collectie vertegenwoordigen <a>- en <area>-elementen met een href-attribuut.
Zie ook:
HTMLCollection
Een HTMLCollection is een verzameling HTML-knooppunten.
Knooppunten in een verzameling zijn toegankelijk via indexnummers. De index begint bij 0.
De eigenschap length retourneert het aantal elementen in de verzameling.
Syntaxis
document.links
Eigenschappen
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. |
Winstwaarde
Type | Beschrijving |
Object | Een HTMLCollection-object . Alle <a> en <area> elementen in het document. De elementen worden gesorteerd zoals ze in het document worden weergegeven. |
Meer voorbeelden
Haal de URL van het element op met id="myLink":
let url = document.links.namedItem("myLink").href;
Voeg een rode rand toe aan de eerste link in het document:
document.links[0].style.border = "5px solid red";
Loop over alle links en voer de URL (href) van elk uit:
const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
text += links[i].href + "<br>";
}
Browserondersteuning
document.links
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |