![5A)][$4FI94U$3U9IZS)0BY.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/906/328/409/1618293638789311.png "1618293638789311.png")
在test.html文件内，在js标签内，创建一个cc()函数，在函数内，使用getElementById（）方法通过id获得图片对象。
![5A)][$4FI94U$3U9IZS)0BY.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/802/751/537/1618293723123684.png "1618293723123684.png")
在cc()函数内，通过给img对象的src属性赋值的方式实现改变图片的src属性，例如，设置图片的src属性为3.jpg。
![5A)][$4FI94U$3U9IZS)0BY.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/249/996/742/1618293817319182.png "1618293817319182.png")
在浏览器打开test.html文件，点击按钮，查看实现的效果。
![5A)][$4FI94U$3U9IZS)0BY.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/742/133/865/1618293905759615.png "1618293905759615.png")
![5A)][$4FI94U$3U9IZS)0BY.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/694/880/635/1618293955556890.png "1618293955556890.png")
推荐学习：javascript视频教程
以上就是javascript怎么改变src的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
详解javascript中async/await是如何工作的
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
