JavaScript HTML DOM links 集合

HTML DOM links 集合

document.links集合返回文档中所有链接的集合。集合中的链接表示具有href属性的<a>元素和或<area>元素。

注意：如果元素缺少href属性，则不返回任何内容。

注意：集合中的元素按源代码中的显示进行排序。

实例：

找出文档中有多少链接：

var x = document.links.length;

尝试一下

项	IE/Edge	Chrome	FireFox	Safari	Opera
集合
links	支持	支持	支持	支持	支持

document.links

属性	描述
length	返回集合中<a>和/或<area> 元素的数量。注意：此属性是只读的

方法	描述
[index]	返回具有指定索引的集合中的<a>和/或<area> 元素（从0开始）。注意：如果索引号超出范围，则返回null
item(index)	返回具有指定索引的集合中的<a>和/或<area> 元素（从0开始）。注意<：如果索引号超出范围，则返回null
namedItem(id)	返回具有指定标识的集合中的<a>和/或<area> 元素。注意：如果id不存在，则返回null

项目	描述
返回值：	一个HTMLCollection对象，表示文档中的所有<a>元素和/或<area>元素。集合中的元素按照它们在源代码中的显示进行排序
DOM版本	Core Level 1

获取文档中第一个链接（索引0）的URL：

var x = document.links[0].href;

尝试一下

获取文档中第一个链接（索引0）的URL：

var x = document.links.item(0).href;

尝试一下

获取文档中id=“myLink”的元素的URL：

var x = document.links.namedItem("myLink").href;

尝试一下

在文档的第一个链接中添加红色边框：

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

尝试一下

遍历文档中的所有链接，并输出每个链接的URL（href）：

var x = document.links;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x[i].href + "<br>";
}

尝试一下