js和jquery获取和修改img的src

做我心上人

于 2021-02-03 18:11:56 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：信息资源文章标签： javascript html

本文链接：https://blog.csdn.net/zlcx6/article/details/113616737

31 篇文章

订阅专栏

11 篇文章

订阅专栏

本文提供了一个使用纯JavaScript和jQuery实现图片切换的简单示例，包括如何获取和修改图片源的代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下代码可以直接复制到html文件中测试
html:

<img id="by" onclick="chgimg()" src="img/by.png"/>

js：

//获取
var cimg=document.getElementById("by");
var it=cimg.src;
//修改
cimg.src="修改的值"
//提示：一般最好先打印一下获得的值，在网页中响应时其获取的路径并不是相对路径
alert(it)

jquery:

//获取
var simg=$('#by')[0].src;
//修改
$("#by").attr('src',path);
//打印一下路径
alert(simg);