在js中,通过获得img对象,使用src属性便可以更换src的路径 。 下面小编举例讲解JS怎么更换img中src路径 。
文章插图
需要这些哦
html+js
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解JS怎么改换img中src路径 。
文章插图
2在test.html文件内,利用img标签建立一张图片,用于测试 。
文章插图
3在test.html文件内,给img标签添加一个id属性,用于下面获得img对象 。
文章插图
4在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行setimg()函数 。
文章插图
5【JS怎么更换img中src路径】在js标签中,建立setimg()函数,在函数内,经由过程getElementById()方式获得img对象,利用src属性设置为1.jpg,实现改换img的src路径 。
文章插图
6在浏览器打开test.html文件,查看实现的结果 。
文章插图
文章插图
总结:11、利用img标签建立一张图片 。
2、在js中,经由过程getElementById()方式获得img对象,利用src属性设置为1.jpg,实现改换img的src路径 。
以上内容就是JS怎么更换img中src路径的内容啦,希望对你有所帮助哦!
推荐阅读
- 网页版的百度网盘怎么复制文件夹到其他目录
- 云开发如何查看基础版配额有效期?怎么续
- 怎么使用Excel提供的样式美化表格
- thinkphp前端和后端怎么通信
- 王者法师扁鹊怎么出装
- PPT内文字/图片怎么添加动画
- 怎么在Mac下制作win7 win10 win8 启动U盘教程
- PPT多图型常规封面页怎么制作
- PDF文件怎么压缩到最小
- 怎么利用搜狗拼音打出不认识的字