JS修改img的src - JS笔记

实战方法,用js修改img的src

业务中有一个需求,使用JS更改某img的src,在网络上找了些方法。

网络上的方法:

核心代码

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

例子:



可刷新本页重复体验效果

实战

但在实际情况中,我们的代码结构可能是这样的:

<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

滑动添加和移除class标记 - JS笔记

2020-12-16 21:56:20

js

intro.js引导插件 - JS实战

2021-1-9 20:37:22

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索