JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法

更新時間：2015年04月03日 10:49:09 作者：瘋狂一夏

這篇文章主要介紹了JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法,涉及javascript中document.links方法的使用,需要的朋友可以參考下

本文實例講述了JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法。分享給大家供大家參考。具體如下：

下面的JS代碼通過document.links獲得網(wǎng)頁中的所有超級鏈接數(shù)組，然后獲得第一個鏈接的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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用原生JavaScript實現(xiàn)放大鏡效果
這篇文章主要為大家詳細(xì)介紹了如何使用原生JavaScript實現(xiàn)放大鏡效果（可自由大小適配），文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下
2023-03-03
JavaScript中Array實例方法map的實現(xiàn)方法
這篇文章主要介紹了JavaScript中Array實例方法map的實現(xiàn)方法,map() 方法創(chuàng)建一個新數(shù)組,其結(jié)果是原數(shù)組中的每個元素都調(diào)用一個提供的函數(shù)后返回的結(jié)果,文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參考下
2024-03-03
詳解Webpack抽離第三方類庫以及common解決方案
這篇文章主要介紹了詳解Webpack抽離第三方類庫以及common解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-03-03
利用D3.js實現(xiàn)最簡單的柱狀圖示例代碼
D3.js是一個基于數(shù)據(jù)操作文檔JavaScript庫。D3幫助你給數(shù)據(jù)帶來活力通過使用HTML、SVG和CSS。D3重視Web標(biāo)準(zhǔn)為你提供現(xiàn)代瀏覽器的全部功能，而不是給你一個專有的框架。最近在學(xué)習(xí)D3.js，這個例子是通過d3.js畫一個簡單的柱狀圖。下面來一起看看吧。
2016-12-12
Javascript Event事件中IE與標(biāo)準(zhǔn)DOM的比較
說是IE與DOM的比較，其實還是瀏覽器之間的比較，眾多的瀏覽器中，IE獨樹一幟，并且占有大部分用戶市場，后來的標(biāo)準(zhǔn)DOM雖然不少優(yōu)點之處，但畢竟一般用戶不關(guān)心也不知道這些，代碼編寫過程中，往往需要兼顧多個瀏覽器。
2010-04-04
最新Javascript程序員面試試題和解題方法
本文主要給大家整理了最新的Javascript程序員面試試題以及相關(guān)的解題方法和思路。
2017-11-11
手機(jī)端圖片縮放旋轉(zhuǎn)全屏查看PhotoSwipe.js插件實現(xiàn)
這篇文章主要介紹了手機(jī)端圖片縮放旋轉(zhuǎn)全屏查看PhotoSwipe.js插件實現(xiàn)，感興趣的小伙伴們可以參考一下
2016-08-08
無刷新預(yù)覽所選擇的圖片示例代碼
這篇文章主要介紹了無刷新預(yù)覽所選擇的圖片的具體實現(xiàn),需要的朋友可以參考下
2014-04-04
微信小程序手機(jī)號碼驗證功能的實例代碼
這篇文章主要介紹了微信小程序手機(jī)號碼驗證功能的實例代碼及微信小程序正則判斷手機(jī)號的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-08-08
JavaScript實現(xiàn)的SHA-1加密算法完整實例
這篇文章主要介紹了JavaScript實現(xiàn)的SHA-1加密算法,以完整實例形式分析了SHA-1加密算法的具體實現(xiàn)技巧,需要的朋友可以參考下
2016-02-02