目录

HTML DOM 文档 links

示例

文档中的链接数量:

let numb = document.links.length;
亲自试一试 »

获取文档中第一个链接的 URL:

let url = document.links[0].href;
亲自试一试 »

获取文档中第一个链接的 URL:

let url = document.links.item(0).href;
亲自试一试 »

下面有更多示例。


描述

这个links属性返回文档中所有链接的集合。

这个links属性返回一个HTML集合

这个links属性是只读的。

集合中的链接表示带有 href 属性的 <a> 和 <area> 元素。


HTML集合

一个HTML集合是 HTML 元素的类似数组的集合(列表)。

集合中的元素可以通过索引(从 0 开始)访问。

长度属性返回集合中元素的数量。


语法

document.links

特性

Property Description
length The number of elements in the collection.

方法

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.

返回值

类型 描述
对象 HTMLCollection 对象
文档中的所有 <a> 和 <area> 元素。
元素按照它们在文档中出现的方式进行排序。


更多示例

获取 id="myLink" 的元素的 URL:

let url = document.links.namedItem("myLink").href;
亲自试一试 »

为文档中的第一个链接添加红色边框:

document.links[0].style.border = "5px solid red";
亲自试一试 »

循环遍历所有链接并输出每个链接的 URL (href):

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

浏览器支持

document.links是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它:

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