新建一个html文件 ， 定名为test.html ， 用于讲解如何用js改变图片路径 。
文章插图
2在test.html文件中 ， 利用img标签建立一张图片 ， 它的图片路径为images文件夹下的1.png 。
文章插图
3【怎样用js改变图片路径】在test.html文件中 ， 设置img标签的id属性为tt,本家儿要用于下面经由过程该id获得图片对象 。
文章插图
4在test.html文件中 ， 再利用button标签建立一个按钮 ， 代码如下：
文章插图
5在test.html文件中 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行gg()函数 。
文章插图
6在test.html文件js标签内 ， 建立一个gg()函数 ， 经由过程getElementById()方式获得图片对象 ， 经由过程设置src属性来更改图片的路径 ， 例如 ， 这里设置图片路径为images文件夹下的2.jpg 。
文章插图
7在浏览器运行test.html文件 ， 点击“更改图片路径” ， 查看实现的结果 。
文章插图
文章插图
以上内容就是怎样用js改变图片路径的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- Photoshop如何改变照片背景色为白底
- mac上如何使用cmake编译gtest
- 瓷酒瓶如何切割
- 海钓杆怎么使用
- 怎样做美味的牛奶果冻
- 如何用微波炉制作香辣烤鱼
- 南瓜花鸡肝汤
- 怎样做美味的家常版麻婆豆腐？
- 艾草的功效与作用，艾草可以泡水喝吗
- 怎样做美味的草莓味果冻？