最新的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>標籤

<文檔對象