JS修改img的src – JS筆記

    實戰方法,用js修改img的src

    業務中有一個需求,使用JS更改某img的src,在網絡上找了些方法。

    網絡上的方法:

    核心代碼

    <img id="myImage" src="compman.gif">
    document.getElementById("myImage").src="hackanm.gif";

    例子:

    JS修改img的src - JS筆記

    可刷新本頁重復體驗效果

    實戰

    但在實際情況中,我們的代碼結構可能是這樣的:

    <div class="logo">
    <h1>
    <a rel="home" href="#">
    <img src="https://n.getimg.net/www/2020/12/392949.png">
    </a>
    </h1>
    </div>

    這是一個經典的LOGO結構,這個時候,我們沒有ID了,該咋辦呢?

    這個時候,我們可以用document.querySelector方法,如下:

     document.querySelector(".logo h1 img").src = "#";

    例子

    JS修改img的src - JS筆記



    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 中文字幕精品一区二区精品| 亚洲国产精品一区第二页| 国产一区二区不卡在线播放| av无码免费一区二区三区| 精品视频一区在线观看| 中文字幕人妻第一区| 国产一区二区中文字幕| 久久99国产一区二区三区| 国产视频一区在线播放| 在线观看日本亚洲一区| 国产精品免费一区二区三区四区| 亚洲成人一区二区| 免费一区二区无码视频在线播放| 无码喷水一区二区浪潮AV| 麻豆一区二区免费播放网站| 中文字幕一区二区三区在线观看 | 久久久精品人妻一区二区三区| 免费一区二区无码视频在线播放| 国模视频一区二区| 国精产品999一区二区三区有限| 精品动漫一区二区无遮挡| 国产乱码一区二区三区| AV鲁丝一区鲁丝二区鲁丝三区| 51视频国产精品一区二区| 激情内射亚洲一区二区三区爱妻| 久久久国产精品亚洲一区 | 亚洲Av高清一区二区三区| 精品视频一区二区三三区四区| 日韩视频一区二区三区| 久久一区二区三区免费播放| 亚洲视频一区调教| 亚洲另类无码一区二区三区| 黑巨人与欧美精品一区| 国偷自产视频一区二区久| 一区二区三区福利| 亚洲爆乳无码一区二区三区| 日韩精品一区二区三区中文精品| 亚洲字幕AV一区二区三区四区| 夜精品a一区二区三区| 亚洲国产精品一区二区第一页免 | 精品无码国产一区二区三区AV|