JS怎么更换img中src路径

在js中,通过获得img对象,使用src属性便可以更换src的路径 。 下面小编举例讲解JS怎么更换img中src路径 。

JS怎么更换img中src路径

文章插图

需要这些哦
html+js
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解JS怎么改换img中src路径 。
JS怎么更换img中src路径

文章插图

2在test.html文件内,利用img标签建立一张图片,用于测试 。

JS怎么更换img中src路径

文章插图

3在test.html文件内,给img标签添加一个id属性,用于下面获得img对象 。

JS怎么更换img中src路径

文章插图

4在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行setimg()函数 。
JS怎么更换img中src路径

文章插图

5【JS怎么更换img中src路径】在js标签中,建立setimg()函数,在函数内,经由过程getElementById()方式获得img对象,利用src属性设置为1.jpg,实现改换img的src路径 。

JS怎么更换img中src路径

文章插图

6在浏览器打开test.html文件,查看实现的结果 。
JS怎么更换img中src路径

文章插图

JS怎么更换img中src路径

文章插图

总结:11、利用img标签建立一张图片 。
2、在js中,经由过程getElementById()方式获得img对象,利用src属性设置为1.jpg,实现改换img的src路径 。


以上内容就是JS怎么更换img中src路径的内容啦,希望对你有所帮助哦!

    推荐阅读