最新的Web开发教程
 

HTML DOM链接集

<文档对象

例

了解有多少链接的文件中：

var x = document.links.length;

x的结果将是：

5
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

Links集合返回文档中的所有链接的集合。

集合中的链路表示<a>元件和/或<area>用href属性的元素。

注意：如果元素缺少href属性，什么都不会返回。

Note:因为它们出现在源代码的集合中的元素进行排序。

提示：请看看锚对象和区域目标 。

浏览器支持

采集
links 是 是 是 是 是

句法

document.links

属性

属性 描述
length 返回的数目<a>和/或<area>集合中的元素。

注：该属性为只读

方法

方法 描述
[ index ] 返回<a>和/或<area>从与指定的索引的集合元素(starts at 0) 。

注：如果索引数量超出范围，则返回null
item( index ) 返回<a>和/或<area>从与指定的索引的集合元素(starts at 0) 。

注：如果索引数量超出范围，则返回null
namedItem( id ) 返回<a>和/或<area>从与指定的ID的集合元素。

注：如果ID不存在，则返回null

技术细节

DOM版本： 核心1级文档对象
返回值： 的HTMLCollection对象，代表所有<a>元件和/或<area>元素在文档中。 当它们出现在源代码的集合中的元素进行排序
例子

更多示例

例

[ 索引 ]

获得第一个链接的URL (index 0)的文件中：

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

x的结果将是：

http://www.w3ii.com/jsref/sun.htm
试一试»

例

item( index )

获得第一个链接的URL (index 0)的文件中：

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

x的结果将是：

http://www.w3ii.com/jsref/sun.htm
试一试»

例

namedItem( id )

获取与文档ID =“myLink的”元素的网址：

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

x的结果将是：

http://www.w3ii.com/html/default.html
试一试»

例

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

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>";
}

TXT的结果将是：

http://www.w3ii.com/jsref/sun.htm
http://www.w3ii.com/jsref/mercur.htm
http://www.w3ii.com/jsref/venus.htm
http://www.w3ii.com/html/default.html
http://www.w3ii.com/css/default.html
试一试»

相关页面

JavaScript的参考： HTML DOM固定物

JavaScript的参考： HTML DOM Area对象

HTML教程： HTML链接

HTML参考： HTML <a>标签

HTML参考： HTML <area>标签

<文档对象