HTML DOM links 集合
最后更新于：2022-03-26 22:12:22
HTML DOM links 集合
Document 对象定义和用法
links 集合返回当前文档所有链接的数组。
提示： links 集合计算 <a href=””> 标签和 <area> 标签。
语法
浏览器支持
所有主要浏览器都支持 links 集合
实例
实例 1
返回文档的链接数：
<html>
<head>
<meta charset=”utf-8″>
<title>菜鸟教程(runoob.com)</title>
</head>
<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 教程</a></p>
<p>链接/地址数目:
<script>
document.write(document.links.length);
</script></p>
</body>
</html>
以上实例输出结果：
链接/地址数目: 4
实例 2
返回文档的第一个链接：
<html>
<head>
<meta charset=”utf-8″>
<title>菜鸟教程(runoob.com)</title>
</head>
<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 教程</a></p>
<p>第一个链接/地址的ID：
<script>
document.write(document.links[0].id);
</script></p>
</body>
</html>
以上实例输出结果：
第一个链接/地址的ID：sun