新建一个html文件,定名为test.html,用于讲解如何用js改变图片路径。
在test.html文件中,利用img标签建立一张图片,它的图片路径为images文件夹下的1.png。
在test.html文件中,设置img标签的id属性为tt,本家儿要用于下面经由过程该id获得图片对象。
在test.html文件中,再利用button标签建立一个按钮,代码如下:
在test.html文件中,给button按钮绑心猿意马onclick点击事务,当按钮被点击时,执行gg()函数。
在test.html文件js标签内,建立一个gg()函数,经由过程getElementById()方式获得图片对象,经由过程设置src属性来更改图片的路径,例如,这里设置图片路径为images文件夹下的2.jpg。
在浏览器运行test.html文件,点击“更改图片路径”,查看实现的结果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!