Find out how many links there are in the document:
The result of x will be:
More "Try it Yourself" examples below.
The links collection returns a collection of all links in the document.
The links in the collection represents <a> elements and/or <area> elements with a href attribute.
Note: If the element is missing the href attribute, nothing is returned.
Note: The elements in the collection are sorted as they appear in the source code.
Tip: Also look at the Anchor Object and the Area Object.
Collection | |||||
---|---|---|---|---|---|
links | Yes | Yes | Yes | Yes | Yes |
Property | Description |
---|---|
length | Returns the number of <a> and/or <area> elements in the collection. Note: This property is read-only |
Method | Description |
---|---|
[index] | Returns the <a> and/or <area> element from the collection with the specified index
(starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <a> and/or <area> element from the collection with the specified index
(starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <a> and/or <area> element from the collection with the specified id. Note: Returns null if the id does not exist |
DOM Version: | Core Level 1 Document Object |
---|---|
Return Value: | An HTMLCollection Object, representing all <a> elements and/or <area> elements in the document. The elements in the collection are sorted as they appear in the source code |
[index]
Get the URL of the first link (index 0) in the document:
The result of x will be:
item(index)
Get the URL of the first link (index 0) in the document:
The result of x will be:
namedItem(id)
Get the URL of the element with id="myLink" in the document:
The result of x will be:
Add a red border to the first link in the document:
Loop through all links in the document, and output the URL (href) of each link:
The result of txt will be:
JavaScript reference: HTML DOM Anchor Object
JavaScript reference: HTML DOM Area Object
HTML tutorial: HTML Links
HTML reference: HTML <a> tag
HTML reference: HTML <area> tag