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 在网页中的运用(asp.net)
Nov 23 Javascript
script标签的 charset 属性使用说明
Dec 04 Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 Javascript
jquery实现多级下拉菜单的实例代码
Oct 02 Javascript
引用 js在IE与FF之间的区别详细解析
Nov 20 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
Jan 03 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
vue 权限认证token的实现方法
Jul 17 Javascript
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
js实现网页同时进行多个倒计时功能
Feb 25 Javascript
如何用Node.js编写内存效率高的应用程序
Apr 30 Javascript
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
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
百度ping方法使用示例 自动ping百度
2014/01/26 PHP
PHP实现的增强性mhash函数
2015/05/27 PHP
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
2018/05/07 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
python计算最大优先级队列实例
2013/12/18 Python
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
python 实现aes256加密
2020/11/27 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
海淘母婴商城:国际妈咪
2016/07/23 全球购物
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
Madewell澳大利亚官方网站:美国休闲服饰品牌
2019/07/18 全球购物
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
毕业自我鉴定
2013/11/05 职场文书
小平小道观后感
2015/06/09 职场文书
宾馆安全管理制度
2015/08/06 职场文书
初中政教处工作总结
2015/08/12 职场文书
python 爬取哔哩哔哩up主信息和投稿视频
2021/06/07 Python
Python实现滑雪小游戏
2021/09/25 Python