document.links

阅读:14      收藏:0      [点我收藏+]

HTML DOM links 集合


定义和用法

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

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

语法

document.links[].property


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 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

© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!