HTML DOM links 集合
Document 对象定义和用法
links 集合返回当期文档所有链接的数组。
提示： links 集合计算 <a href=""> 标签和 <area> 标签。
语法
document.links[].property
浏览器支持
所有主要浏览器都支持 links 集合
实例
实例 1
返回文档的链接数：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</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="/javascript/">JavaScript 教程</a></p> <p>链接/地址数目: <script> document.write(document.links.length); </script></p> </body> </html>
以上实例输出结果：
链接/地址数目: 4尝试一下 »
实例 2
返回文档的第一个链接：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</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="/javascript/">JavaScript 教程</a></p> <p>第一个链接/地址的ID： <script> document.write(document.links[0].id); </script></p> </body> </html>
以上实例输出结果：
第一个链接/地址的ID：sun尝试一下 »
Document 对象