JavaScript 获取网页中第一个链接 ID 的方法

作者:微光时间:2026-10-29 08:07:26浏览:392

本文介绍利用 JavaScript 的 document.links 属性获取网页中所有超级链接数组,并提取第一个链接 ID 的方法。通过 document.links[0].id 可直接获取首个链接的标识符,适用于需要定位页面导航或地图热点 ID 的场景。

获取首个链接 ID 的实现原理

本文分享一种使用 JavaScript 获取网页中第一个链接 ID 的实用技巧,供开发者参考。

核心思路是利用 document.links 属性获取页面内所有超链接构成的数组,随后通过索引访问该数组的第一个元素,从而读取其 ID 属性。


<!DOCTYPE html>
<html>
<body>
<h1>sharejs.com</h1>
<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>

希望上述方法能对您的 JavaScript 编程工作提供实际帮助。

作者最新文章