脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript获取网页中第一个链接ID

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

 更新时间：2015年04月03日 10:49:09   作者：疯狂一夏  
这篇文章主要介绍了JavaScript获取网页中第一个链接ID的方法,涉及javascript中document.links方法的使用,需要的朋友可以参考下

本文实例讲述了JavaScript获取网页中第一个链接ID的方法。分享给大家供大家参考。具体如下：

下面的JS代码通过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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 使用原生JavaScript实现放大镜效果

    使用原生JavaScript实现放大镜效果

    这篇文章主要为大家详细介绍了如何使用原生JavaScript实现放大镜效果（可自由大小适配），文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下
    2023-03-03
  • JavaScript中Array实例方法map的实现方法

    JavaScript中Array实例方法map的实现方法

    这篇文章主要介绍了JavaScript中Array实例方法map的实现方法,map() 方法创建一个新数组,其结果是原数组中的每个元素都调用一个提供的函数后返回的结果,文中有详细的代码示例供大家参考,需要的朋友可以参考下
    2024-03-03
  • 详解Webpack抽离第三方类库以及common解决方案

    详解Webpack抽离第三方类库以及common解决方案

    这篇文章主要介绍了详解Webpack抽离第三方类库以及common解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • 利用D3.js实现最简单的柱状图示例代码

    利用D3.js实现最简单的柱状图示例代码

    D3.js是一个基于数据操作文档JavaScript库。D3帮助你给数据带来活力通过使用HTML、SVG和CSS。D3重视Web标准为你提供现代浏览器的全部功能，而不是给你一个专有的框架。最近在学习D3.js，这个例子是通过d3.js画一个简单的柱状图。下面来一起看看吧。
    2016-12-12
  • Javascript Event事件中IE与标准DOM的比较

    Javascript Event事件中IE与标准DOM的比较

    说是IE与DOM的比较，其实还是浏览器之间的比较，众多的浏览器中，IE独树一帜，并且占有大部分用户市场，后来的标准DOM虽然不少优点之处，但毕竟一般用户不关心也不知道这些，代码编写过程中，往往需要兼顾多个浏览器。
    2010-04-04
  • 最新Javascript程序员面试试题和解题方法

    最新Javascript程序员面试试题和解题方法

    本文主要给大家整理了最新的Javascript程序员面试试题以及相关的解题方法和思路。
    2017-11-11
  • 手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现

    手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现

    这篇文章主要介绍了手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 无刷新预览所选择的图片示例代码

    无刷新预览所选择的图片示例代码

    这篇文章主要介绍了无刷新预览所选择的图片的具体实现,需要的朋友可以参考下
    2014-04-04
  • 微信小程序手机号码验证功能的实例代码

    微信小程序手机号码验证功能的实例代码

    这篇文章主要介绍了微信小程序手机号码验证功能的实例代码及微信小程序正则判断手机号的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
    2018-08-08
  • JavaScript实现的SHA-1加密算法完整实例

    JavaScript实现的SHA-1加密算法完整实例

    这篇文章主要介绍了JavaScript实现的SHA-1加密算法,以完整实例形式分析了SHA-1加密算法的具体实现技巧,需要的朋友可以参考下
    2016-02-02

最新评论