快捷導(dǎo)航

JavaScript獲取網(wǎng)頁中第一個(gè)圖片id的方法

更新時(shí)間：2015年04月03日 11:03:15 作者：瘋狂一夏

這篇文章主要介紹了JavaScript獲取網(wǎng)頁中第一個(gè)圖片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript獲取網(wǎng)頁中第一個(gè)圖片id的方法。分享給大家供大家參考。具體如下：

下面的代碼通過document.images獲取網(wǎng)頁中的所有圖片，然后獲取第一個(gè)圖片的id屬性

<!DOCTYPE html>
<html>
<body>
<img id="klematis lilac" border="0" src="klematis.jpg" 
width="148" height="112">
<img id="klematis pink" border="0" src="klematis2.jpg" 
width="149" height="118">
<p>Id of first image:
<script>
document.write(document.images[0].id);
</script></p>
</body>
</html>

運(yùn)行結(jié)果如下：

Id of first image:klematis lilac

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

詳解axios是如何處理異常的
本文我們將討論?axios?中是如何處理異常的,在此之前,我們先了解以下?axios?中各種類型的異常,文中通過代碼示例講解的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下
2024-05-05
Js中forEach修改原數(shù)組與sort排序經(jīng)典場(chǎng)景詳解
forEach是沒有返回值并且不直接改變?cè)瓟?shù)組的,今天發(fā)現(xiàn)是不能直接改變,下面這篇文章主要給大家介紹了關(guān)于Js中forEach修改原數(shù)組與sort排序經(jīng)典場(chǎng)景的相關(guān)資料,需要的朋友可以參考下
2022-05-05
解決layui的input獨(dú)占一行的問題
今天小編就為大家分享一篇解決layui的input獨(dú)占一行的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript仿flash遮罩動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了JavaScript仿flash遮罩動(dòng)畫效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-06-06
小程序?qū)崿F(xiàn)單選多選功能
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)單選多選功能，可自定義樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
js實(shí)現(xiàn)PC端根據(jù)IP定位當(dāng)前城市地理位置
本文主要分享了js實(shí)現(xiàn)PC端根據(jù)IP定位當(dāng)前城市地理位置的方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
JavaScript 九種跨域方式實(shí)現(xiàn)原理
這篇文章主要介紹了JavaScript 九種跨域方式實(shí)現(xiàn)原理，什么是跨域，以及有哪幾種跨域方式，這是本文要探討的內(nèi)容。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-02-02
前端權(quán)限控制和管理實(shí)現(xiàn)步驟詳解
這篇文章主要介紹了前端權(quán)限控制的相關(guān)概念和實(shí)現(xiàn)思路,前端權(quán)限控制不僅可以提高安全性,還可以提升用戶體驗(yàn),文中將實(shí)現(xiàn)的步驟介紹的非常詳細(xì),需要的朋友可以參考下
2025-03-03
一文帶你掌握J(rèn)avaScript中Moment.js如何操作日期和時(shí)間
Moment.js是一個(gè)極其強(qiáng)大的JavaScript庫,專門用于解析、驗(yàn)證、操作和顯示日期和時(shí)間,下面就跟隨小編一起學(xué)習(xí)一下Moment.js的具體使用吧
2024-01-01
ES10 特性的完整指南小結(jié)
這篇文章主要介紹了ES10 特性的完整指南小結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-03-03