HTML DOM Document links eigenschap

Definitie en gebruik

links Eigenschap retourneert de verzameling van alle koppelingen in het document.

links eigenschap retourneert HTMLCollection.

links eigenschappen zijn alleen lezen.

de links in de verzameling vertegenwoordigen <a> en <area> elementen met een href-eigenschap.

zie ook:

HTML DOM Anchor object

HTML DOM Area object

HTML <a> tag

HTML <area> tag

HTML link

HTMLCollection

HTMLCollection is een lijst van HTML-elementen die vergelijkbaar zijn met een array.

elementen in de verzameling kunnen worden bereikt via index (beginnend bij 0).

lengte eigenschappen retourneren het aantal elementen in de verzameling.

voorbeeld

voorbeeld 1

retourneert het aantal links in het document:

let numb = document.links.length;

probeer het zelf

voorbeeld 2

verkrijg de URL van de eerste link in het document:

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

probeer het zelf

voorbeeld 3

verkrijg de URL van de eerste link in het document:

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

probeer het zelf

voorbeeld 4

verkrijg de URL van het element met id="myLink":

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

probeer het zelf

voorbeeld 5

voeg een rode rand toe aan de eerste link in het document:

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

probeer het zelf

voorbeeld 6

door alle links te doorlopen en de URL (href) van elke link af te drukken:

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

probeer het zelf

syntaxis

document.links

eigenschap

eigenschap beschrijving
lengte het aantal elementen in de verzameling.

methode

methode beschrijving
[index]

retourneert het element met de gespecificeerde index (beginnend bij 0).

als de index buiten bereik is, wordt null geretourneerd.
item(index)

retourneert het element met de gespecificeerde index (beginnend bij 0).

als de index buiten bereik is, wordt null geretourneerd.
namedItem(id)

retourneert met de gespecificeerde id van het element.

als id bestaat niet, dan wordt null geretourneerd.

terugkeerwaarde

type beschrijving
object

HTMLCollection object.

alle <a> en <area> elementen in het document.

worden gesorteerd in de volgorde waarin ze in de broncode verschijnen.

browserondersteuning

document.links is een kenmerk van DOM Level 1 (1998).

Het wordt ondersteund door alle browsers:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ondersteuning 9-11 ondersteuning ondersteuning ondersteuning ondersteuning