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 = "#";

    例子



    插件

    熱門關鍵詞推薦Pro - wordpress插件

    2020-2-12 7:30:10

    插件

    Bulk Convert Post Format - 快速修改文章形式

    2019-5-26 20:24:22

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 在线不卡一区二区三区日韩| 成人日韩熟女高清视频一区| 国内精品一区二区三区最新| 国产av熟女一区二区三区| 区三区激情福利综合中文字幕在线一区| 国产成人一区二区三中文| 精品国产一区二区三区四区 | 无码精品黑人一区二区三区| 99国产精品一区二区| 中文字幕一区二区免费| 国精品无码一区二区三区左线| 久久精品无码一区二区app| 国产成人无码精品一区在线观看| 一区二区国产在线观看| 久久影院亚洲一区| 日韩精品无码一区二区三区四区| 国产一区二区三精品久久久无广告| 国产高清一区二区三区四区| 熟女少妇丰满一区二区| 亚洲AV日韩AV天堂一区二区三区| 亚洲国产日韩在线一区| 黑巨人与欧美精品一区| 美女视频一区二区三区| 超清无码一区二区三区| 亚洲AV成人一区二区三区AV| 亚洲国产激情在线一区| 四虎成人精品一区二区免费网站| 日本一区二区三区在线网 | 中文字幕无线码一区| 国产精品日本一区二区不卡视频| 麻豆一区二区在我观看| 亚洲国产欧美日韩精品一区二区三区 | 性色AV一区二区三区天美传媒| 正在播放国产一区| 香蕉视频一区二区三区| 日韩人妻一区二区三区蜜桃视频| 欧美亚洲精品一区二区| 久久亚洲中文字幕精品一区| 精品一区二区三区无码免费视频 | 国产精品一区二区久久国产| 久久久精品人妻一区二区三区蜜桃|