HTML DOM links 集合

定义和用法

links 集合返回当期文档所有链接的数组。

提示： links 集合计算 <a href=""> 标签和 <area> 标签。

语法

 document.links[].property

浏览器支持

所有主要浏览器都支持 links 集合

实例

实例 1

返回文档的链接数：

 <html>
 <body>

 <img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap">
 <map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
 <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
 <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
 </map>

 <p><a href="/js/">JavaScript Tutorial</a></p>

 <p>Number of areas/links:
 <script>
 document.write(document.links.length);
 </script></p>

 </body>
 </html>

以上实例输出结果：

 Number of areas/links: 4

运行一下 »

实例 2

返回文档的第一个链接：

 <html>
 <body>

 <img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap">
 <map name="planetmap">
 <area id="sun" shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
 <area id="mercury" shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
 <area id="venus" shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
 </map>

 <p><a id="javascript" href="/js/">JavaScript Tutorial</a></p>

 <p>Id of first area/link:
 <script>
 document.write(document.links[0].id);
 </script></p>

 </body>
 </html>

以上实例输出结果：

 Id of first area/link: sun

运行一下 »