JavaScript獲取網(wǎng)頁(yè)中第一個(gè)圖片id的方法
本文實(shí)例講述了JavaScript獲取網(wǎng)頁(yè)中第一個(gè)圖片id的方法。分享給大家供大家參考。具體如下:
下面的代碼通過(guò)document.images獲取網(wǎng)頁(yè)中的所有圖片,然后獲取第一個(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ì)有所幫助。
- javascript隨機(jī)將第一個(gè)dom中的圖片添加到第二個(gè)div中示例
- JavaScript 創(chuàng)建隨機(jī)數(shù)和隨機(jī)圖片
- javascript 隨機(jī)廣告代碼(圖片廣告)
- JavaScript隨機(jī)生成信用卡卡號(hào)的方法
- JavaScript返回0-1之間隨機(jī)數(shù)的方法
- JavaScript數(shù)組隨機(jī)排列實(shí)現(xiàn)隨機(jī)洗牌功能
- JavaScript限定圖片顯示大小的方法
- javascript實(shí)現(xiàn)圖片循環(huán)漸顯播放的方法
- JavaScript實(shí)現(xiàn)隨機(jī)替換圖片的方法
相關(guān)文章
微信小程序?qū)崿F(xiàn)頂部選項(xiàng)卡(swiper)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頂部選項(xiàng)卡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08Bootstrap分頁(yè)插件之Bootstrap Paginator實(shí)例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁(yè)插件,功能很豐富,個(gè)人覺(jué)得這款插件已經(jīng)無(wú)可挑剔了,感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧2016-10-10javascript attachEvent綁定多個(gè)事件執(zhí)行順序問(wèn)題
執(zhí)行順序是沒(méi)有規(guī)律的,但是每次執(zhí)行的順序是一樣的,如果是隨機(jī)那么應(yīng)該每次執(zhí)行的順序都不一樣才對(duì),這才是我想要說(shuō)明的2010-10-10JavaScript之map reduce_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript之map reduce的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06JS實(shí)現(xiàn)滑動(dòng)導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)滑動(dòng)導(dǎo)航效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01動(dòng)態(tài)載入js提高網(wǎng)頁(yè)打開(kāi)速度的方法
這篇文章主要介紹了動(dòng)態(tài)載入js提高網(wǎng)頁(yè)打開(kāi)速度的方法,需要的朋友可以參考下2014-07-07JavaScript canvas繪制圓形加載進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas繪制圓形加載進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06