javascript修改图片src的方法


Posted in Javascript onJanuary 27, 2015

本文实例讲述了javascript修改图片src的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html>

<html>

<head>

<title>使用js改变图片</title>

<script>

function changeImage() {

var element = document.getElementById('myimage');

element.src = "image/a/053120.jpg";

}

</script>

</head>

<body>

<h1>使用js改变图片</h1>

<p>请点击按钮 <a href="a/html/054210.htm">原文</a></p>

<img id="myimage" src="image/a/054210.jpg" alt="足球宝贝" />

<input name="meinv" type='button' value="改变图片" onclick="changeImage()">

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript显示选择目录对话框的代码
Nov 10 Javascript
js实现页面转发功能示例代码
Aug 05 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
javaScript实现滚动新闻的方法
Jul 30 Javascript
基于Node.js实现nodemailer邮件发送
Jan 26 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
详解express与koa中间件模式对比
Aug 07 Javascript
javascript中如何判断类型汇总
May 14 Javascript
JS document内容及样式操作完整示例
Jan 14 Javascript
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
js获取内联样式的方法
Jan 27 #Javascript
js获取元素外链样式的方法
Jan 27 #Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 #Javascript
jQuery+ajax实现动态执行脚本的方法
Jan 27 #Javascript
javascript将异步校验表单改写为同步表单
Jan 27 #Javascript
JavaScript中实现sprintf、printf函数
Jan 27 #Javascript
javascript批量修改文件编码格式的方法
Jan 27 #Javascript
You might like
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
php实现中文转数字
2016/02/18 PHP
PHP Mysqli 常用代码集合
2016/11/12 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
Vue自定义指令详解
2017/07/28 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
详解Vue组件实现tips的总结
2017/11/01 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
vue实现条件叠加搜索的解决方法
2019/05/28 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
2020/06/11 Javascript
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
python多进程中的内存复制(实例讲解)
2018/01/05 Python
学习Django知识点分享
2019/09/11 Python
通过python检测字符串的字母
2020/02/18 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
FORZIERI福喜利中国官网:奢侈品购物梦工厂
2019/05/03 全球购物
理工大学毕业生自荐信
2013/11/01 职场文书
师范生的个人求职信范文
2014/01/04 职场文书
应用化学专业职业生涯规划书
2014/01/22 职场文书
房屋买卖协议书范本
2014/04/10 职场文书
生日赠语
2015/06/23 职场文书
交通处罚决定书
2015/06/24 职场文书
同学会感言
2015/07/30 职场文书
2016年员工年度考核评语
2015/12/02 职场文书
优秀大学生申请书
2019/06/24 职场文书